minor changes and fixes (#117)

frontend/package.json

@@ -38,6 +38,7 @@
     "@iconify-json/logos": "^1.2.2",
     "@iconify-json/lucide": "^1.2.7",
     "@iconify-json/material-symbols": "^1.2.2",
+    "@iconify-json/material-symbols-light": "^1.2.2",
     "@nuxt/eslint": "^0.4.0",
     "@types/aos": "^3.0.7",
     "@unocss/eslint-plugin": "^0.61.9",

frontend/pages/panel/reports.vue

@@ -1,6 +1,6 @@
 <template>
   <div mx-35 mt-20>
-    <h1 text-10>
+    <h1 text-2xl>
       Reports
     </h1>
     <span>Your generated reports</span>
@@ -12,7 +12,7 @@
             <TableHead>Satelite</TableHead>
             <TableHead>Date</TableHead>
             <TableHead>Status</TableHead>
-            <TableHead>Link</TableHead>
+            <TableHead><!-- extends table header to full width --></TableHead>
             <TableHead><!-- extends table header to full width --></TableHead>
           </TableRow>
         </TableHeader>
@@ -21,7 +21,7 @@
             <TableCell>{{ report.satelite }}</TableCell>
             <TableCell>{{ report.date }}</TableCell>
             <TableCell>{{ report.status }}</TableCell>
-            <TableCell><NuxtLink to="{{ report.link }}">Link</NuxtLink></TableCell>
+            <TableCell><NuxtLink :to="`/panel/report/${report.id}`"><img class="i-material-symbols-light:open-in-new" text-2xl></NuxtLink></TableCell>
             <TableCell>
               <button class="text-red-500 hover:text-red-700" @click="deleteReport(index)">
                 DELETE
@@ -40,7 +40,7 @@ const reports = ref([
     satelite: "Landsat 9",
     date: "11.9.2024",
     status: "Finished",
-    link: "/panel/report/id"
+    id: "1"
   }
 ]);