feat: add custom site name

src/components/MobileHeader.tsx

@@ -12,7 +12,7 @@ const MobileHeader = () => {
           href='/'
           className='text-2xl font-bold text-green-600 tracking-tight hover:opacity-80 transition-opacity'
         >
-          MoonTV
+          {process.env.NEXT_PUBLIC_SITE_NAME || 'MoonTV'}
         </Link>
       </div>
       <div className='absolute top-1/2 right-4 -translate-y-1/2'>

src/components/Sidebar.tsx

@@ -39,7 +39,7 @@ const Logo = () => (
     className='flex items-center justify-center h-16 select-none hover:opacity-80 transition-opacity duration-200'
   >
     <span className='text-2xl font-bold text-green-600 tracking-tight'>
-      MoonTV
+      {process.env.NEXT_PUBLIC_SITE_NAME || 'MoonTV'}
     </span>
   </Link>
 );