diff --git a/assets/pasted-20260312-073732-d128edec.png b/assets/pasted-20260312-073732-d128edec.png
new file mode 100644
index 0000000..abd35f3
Binary files /dev/null and b/assets/pasted-20260312-073732-d128edec.png differ
diff --git a/assets/pasted-20260312-104316-86469047.png b/assets/pasted-20260312-104316-86469047.png
new file mode 100644
index 0000000..da67179
Binary files /dev/null and b/assets/pasted-20260312-104316-86469047.png differ
diff --git a/assets/pasted-20260312-104711-befd245e.png b/assets/pasted-20260312-104711-befd245e.png
new file mode 100644
index 0000000..2170ca1
Binary files /dev/null and b/assets/pasted-20260312-104711-befd245e.png differ
diff --git a/braces.txt b/braces.txt
new file mode 100644
index 0000000..070a602
--- /dev/null
+++ b/braces.txt
@@ -0,0 +1 @@
+{{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}{}}
\ No newline at end of file
diff --git a/frontend/public/assets/vm-shot-2026-03-12T07-37-15-920Z.jpg b/frontend/public/assets/vm-shot-2026-03-12T07-37-15-920Z.jpg
new file mode 100644
index 0000000..3f6d8a6
Binary files /dev/null and b/frontend/public/assets/vm-shot-2026-03-12T07-37-15-920Z.jpg differ
diff --git a/frontend/public/assets/vm-shot-2026-03-12T07-41-41-901Z.jpg b/frontend/public/assets/vm-shot-2026-03-12T07-41-41-901Z.jpg
new file mode 100644
index 0000000..dee1594
Binary files /dev/null and b/frontend/public/assets/vm-shot-2026-03-12T07-41-41-901Z.jpg differ
diff --git a/frontend/src/components/AsideMenuLayer.tsx b/frontend/src/components/AsideMenuLayer.tsx
index 660b430..406d61f 100644
--- a/frontend/src/components/AsideMenuLayer.tsx
+++ b/frontend/src/components/AsideMenuLayer.tsx
@@ -3,10 +3,9 @@ import { mdiLogout, mdiClose } from '@mdi/js'
 import BaseIcon from './BaseIcon'
 import AsideMenuList from './AsideMenuList'
 import { MenuAsideItem } from '../interfaces'
-import { useAppSelector } from '../stores/hooks'
+import { useAppSelector , useAppDispatch } from '../stores/hooks'
 import Link from 'next/link';
 
-import { useAppDispatch } from '../stores/hooks';
 import { createAsyncThunk } from '@reduxjs/toolkit';
 import axios from 'axios';
 
diff --git a/frontend/src/components/NavBarItem.tsx b/frontend/src/components/NavBarItem.tsx
index 72935e6..a47d445 100644
--- a/frontend/src/components/NavBarItem.tsx
+++ b/frontend/src/components/NavBarItem.tsx
@@ -1,6 +1,5 @@
-import React, {useEffect, useRef} from 'react'
+import React, {useEffect, useRef, useState } from 'react'
 import Link from 'next/link'
-import { useState } from 'react'
 import { mdiChevronUp, mdiChevronDown } from '@mdi/js'
 import BaseDivider from './BaseDivider'
 import BaseIcon from './BaseIcon'
diff --git a/frontend/src/css/_table.css b/frontend/src/css/_table.css
index 2ace12f..a76f3c1 100644
--- a/frontend/src/css/_table.css
+++ b/frontend/src/css/_table.css
@@ -8,8 +8,7 @@
   }
 
   tr {
-    @apply max-w-full block relative border-b-4 border-gray-100
-      md:table-row md:border-b-0 dark:border-slate-800;
+    @apply max-w-full block relative border-b-4 border-gray-100 md:table-row md:border-b-0 dark:border-slate-800;
   }
 
   tr:last-child {
@@ -31,34 +30,32 @@
   th.sortable:hover:after {
     transition: all 1s;
     position: absolute;
-
     content: "↕";
-
     margin-left: 1rem;
   }
 
   th.sortable.asc:hover:after {
     content: "↑";
   }
+
   th.sortable.desc:hover:after {
     content: "↓";
   }
 
   td {
-    @apply flex justify-between text-right py-3 px-4 align-top border-b border-gray-100
-      md:table-cell md:text-left md:p-3 md:align-middle md:border-b-0 dark:border-slate-800 dark:text-white;
+    @apply flex justify-between text-right py-3 px-4 align-top border-b border-gray-100 md:table-cell md:text-left md:p-3 md:align-middle md:border-b-0 dark:border-slate-800 dark:text-white;
   }
 
   td:last-child {
     @apply border-b-0;
   }
 
-  tbody tr, tbody tr:nth-child(odd) {
+  tbody tr.odd {
     @apply md:hover:bg-pavitra-300/70;
   }
 
-  tbody tr:nth-child(even) {
-    @apply md:bg-pavitra-300  dark:bg-pavitra-300/70;
+  tbody tr.even {
+    @apply md:bg-pavitra-300 dark:bg-pavitra-300/70;
   }
 
   td:before {
@@ -67,44 +64,42 @@
   }
 
   tbody tr td {
-    @apply text-sm font-normal text-pavitra-900  dark:text-white;
+    @apply text-sm font-normal text-pavitra-900 dark:text-white;
   }
 
   .datagrid--table, .MuiDataGrid-root {
     @apply rounded border-none !important;
-    
   }
 
   .datagrid--header {
-    @apply uppercase  !important;
+    @apply uppercase !important;
   }
 
   .datagrid--header,
   .datagrid--header .MuiIconButton-root,
   .datagrid--cell,
   .datagrid--cell .MuiIconButton-root {
-    @apply  dark:text-white;
+    @apply dark:text-white;
   }
 
   .datagrid--cell .MuiDataGrid-booleanCell {
-    @apply  dark:text-white !important;
+    @apply dark:text-white !important;
   }
 
   .datagrid--cell .MuiIconButton-root:hover {
-    @apply  dark:text-white dark:bg-dark-700;
+    @apply dark:text-white dark:bg-dark-700;
   }
 
   .datagrid--row {
     @apply even:bg-gray-100 dark:even:bg-[#1B1D22] dark:odd:bg-dark-900 !important;
   }
-  
 
   .datagrid--table .MuiTablePagination-root {
-    @apply  dark:text-white;
+    @apply dark:text-white;
   }
 
   .datagrid--table .MuiTablePagination-root .MuiButtonBase-root:disabled {
-    @apply   dark:text-dark-700;
+    @apply dark:text-dark-700;
   }
 
   .datagrid--table .MuiTablePagination-root .MuiButtonBase-root:hover {
@@ -112,6 +107,6 @@
   }
 
   .MuiButton-colorInherit {
-    @apply text-blue-600  dark:text-dark-700 !important;
+    @apply text-blue-600 dark:text-dark-700 !important;
   }
-}
+}
\ No newline at end of file
diff --git a/frontend/src/layouts/Authenticated.tsx b/frontend/src/layouts/Authenticated.tsx
index 1b9907d..ecc1243 100644
--- a/frontend/src/layouts/Authenticated.tsx
+++ b/frontend/src/layouts/Authenticated.tsx
@@ -1,5 +1,4 @@
-import React, { ReactNode, useEffect } from 'react'
-import { useState } from 'react'
+import React, { ReactNode, useEffect , useState } from 'react'
 import jwt from 'jsonwebtoken';
 import { mdiForwardburger, mdiBackburger, mdiMenu } from '@mdi/js'
 import menuAside from '../menuAside'
diff --git a/frontend/src/pages/search.tsx b/frontend/src/pages/search.tsx
index 00f5168..a213e75 100644
--- a/frontend/src/pages/search.tsx
+++ b/frontend/src/pages/search.tsx
@@ -1,9 +1,8 @@
 import React, { ReactElement, useEffect, useState } from 'react';
 import Head from 'next/head';
 import 'react-datepicker/dist/react-datepicker.css';
-import { useAppDispatch } from '../stores/hooks';
+import { useAppDispatch , useAppSelector } from '../stores/hooks';
 
-import { useAppSelector } from '../stores/hooks';
 
 import { useRouter } from 'next/router';
 import LayoutAuthenticated from '../layouts/Authenticated';