Add TV Mode

src/app/layout.tsx

@@ -2,7 +2,7 @@ import "~/styles/globals.css";
 import { Inter as FontSans } from "next/font/google";
 import { cn } from "~/lib/utils";
 import { SessionProvider } from "next-auth/react";
-import Sign_Out from "~/components/auth/Sign_Out";
+import { TVModeProvider } from "~/components/context/TVModeContext";
 
 import { type Metadata } from "next";
 export const metadata: Metadata = {
@@ -43,10 +43,9 @@ export default function RootLayout({
           fontSans.variable)}
       >
         <SessionProvider>
-          <div className="absolute top-4 right-6">
-            <Sign_Out />
-          </div>
-          {children}
+          <TVModeProvider>
+            {children}
+          </TVModeProvider>
         </SessionProvider>
       </body>
     </html>

src/app/page.tsx

@@ -3,7 +3,7 @@ import { auth } from "~/auth";
 import No_Session from "~/components/ui/No_Session";
 import Header from "~/components/ui/Header";
 import { getEmployees } from "~/server/functions";
-import TechTable from "~/components/ui/TechTable";
+import Tech_Table from "~/components/ui/Tech_Table";
 
 export default async function HomePage() {
   const session = await auth();
@@ -14,8 +14,8 @@ export default async function HomePage() {
     return (
       <main className="min-h-screen
         bg-gradient-to-b from-[#111111] to-[#212325]">
-        <Header />
-        <TechTable employees={employees}/>
+          <Header />
+          <Tech_Table employees={employees}/>
       </main>
     );
   }