add tv mode provider

src/components/layout/header/index.tsx

@@ -1,9 +1,7 @@
 'use client';
 import Image from 'next/image';
 import Link from 'next/link';
-import {
-  useTVMode,
-} from '@/components/providers';
+import { useTVMode } from '@/components/providers';
 import { cn } from '@/lib/utils';
 import { type ComponentProps } from 'react';
 import { Controls } from './controls';
@@ -11,13 +9,12 @@ import { Controls } from './controls';
 const Header = (headerProps: ComponentProps<'header'>) => {
   const { tvMode } = useTVMode();
 
-  if (tvMode) {
+  if (tvMode)
     return (
-      <div className='absolute top-10 right-37'>
+      <div className='absolute top-16 right-20'>
         <Controls />
       </div>
     );
-  }
 
   return (
     <header
@@ -29,9 +26,7 @@ const Header = (headerProps: ComponentProps<'header'>) => {
     >
       <div className='flex items-center justify-between'>
         {/* Left spacer for perfect centering */}
-        <div className='flex flex-1 justify-start'>
-          <div className='sm:w-[120px] md:w-[160px]' />
-        </div>
+        <div className='flex flex-1 justify-start' />
 
         {/* Centered logo and title */}
         <div className='flex-shrink-0'>