Merge #480: On torrent table layout add an action to navigate to torrent details

0a52dd6 feat: [#452] on torrent table layout add an action to navigate to details (Jose Celano)

Pull request description:

  ![image](https://github.com/torrust/torrust-index-gui/assets/58816/b9656bd8-067a-4860-beac-0836f7cfc450)

ACKs for top commit:
  josecelano:
    ACK 0a52dd6

Tree-SHA512: 8ac20556446f9311a52bdeaf670be6fd033ca71e25b4a6c233add6949c7cb8fd2751f0b55e5047efdf14ed979fa263db34d2c87df2d2cfa3de3a83c9ce9b73cd

Author: josecelano

components/torrent/TorrentTable.vue

@@ -33,6 +33,11 @@
             </td>
             <td>
               <div class="flex flex-row items-center justify-center font-semibold flex-nowrap">
+                <div class="flex flex-col items-center justify-center w-10 h-10 ml-2 duration-500 cursor-pointer text-base-content/50 hover:text-base-content shrink-0">
+                  <a class="flex items-center" @click.stop="$router.push(`/torrent/${torrent.info_hash}`)">
+                    <EyeIcon class="w-5" />
+                  </a>
+                </div>
                 <div class="flex flex-col items-center justify-center w-10 h-10 ml-2 duration-500 cursor-pointer text-base-content/50 hover:text-base-content shrink-0" @click.stop="downloadTorrent(torrent.info_hash, torrent.name)">
                   <ArrowDownTrayIcon class="w-5" />
                 </div>
@@ -51,7 +56,7 @@
 </template>
 
 <script setup lang="ts">
-import { ArrowDownTrayIcon, LinkIcon } from "@heroicons/vue/24/outline";
+import { ArrowDownTrayIcon, LinkIcon, EyeIcon } from "@heroicons/vue/24/outline";
 import { type PropType, watch } from "vue";
 import type { TorrentListing } from "torrust-index-types-lib";
 import { fileSize, timeSince, ref, downloadTorrent } from "#imports";