add bowens svgs

src/components/ui/History_Drawer.tsx

@@ -0,0 +1,27 @@
+import { Button } from "~/components/ui/shadcn/button";
+import {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+} from "~/components/ui/shadcn/drawer";
+
+<Drawer>
+  <DrawerTrigger>Open</DrawerTrigger>
+  <DrawerContent>
+    <DrawerHeader>
+      <DrawerTitle>Are you absolutely sure?</DrawerTitle>
+      <DrawerDescription>This action cannot be undone.</DrawerDescription>
+    </DrawerHeader>
+    <DrawerFooter>
+      <Button>Submit</Button>
+      <DrawerClose>
+        <Button variant="outline">Cancel</Button>
+      </DrawerClose>
+    </DrawerFooter>
+  </DrawerContent>
+</Drawer>

src/components/ui/TV_Toggle.tsx

@@ -10,11 +10,11 @@ export default function TV_Toggle() {
   return (
     <button onClick={toggleTVMode} className="mr-4 mt-1">
       {tvMode ? (
-        <Image src="/images/exit_fullscreen.png" alt="Exit TV Mode"
+        <Image src="/images/exit_fullscreen.svg" alt="Exit TV Mode"
           width={25} height={25}
         />
       ) : (
-        <Image src="/images/fullscreen.png" alt="Enter TV Mode"
+        <Image src="/images/fullscreen.svg" alt="Enter TV Mode"
           width={25} height={25}
         />
       )}

src/components/ui/Tech_Table.tsx

@@ -164,7 +164,11 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
                 </th>
               )}
               <th className="border border-[#3e4446] py-3">Name</th>
-              <th className="border border-[#3e4446] py-3">Status</th>
+              <th className="border border-[#3e4446] py-3">
+                <button>
+                  Status
+                </button>
+              </th>
               <th className="border border-[#3e4446] py-3">Updated At</th>
             </tr>
           </thead>
@@ -189,7 +193,9 @@ export default function Tech_Table({ employees }: { employees: Employee[] }) {
                   {employee.name}
                 </td>
                 <td className="s-column max-w-[700px] px-1 md:py-3 border border-[#3e4446]">
-                  {employee.status}
+                  <button>
+                    {employee.status}
+                  </button>
                 </td>
                 <td className="ua-column px-1 md:py-3 border border-[#3e4446]">
                   {formatTime(employee.updatedAt)}