fix: QA issues #28-35 — SEO titles, favicon, accessibility, security headers

next.config.ts

@@ -39,10 +39,6 @@ const nextConfig: NextConfig = {
             key: 'X-Content-Type-Options',
             value: 'nosniff',
           },
-          {
-            key: 'X-Frame-Options',
-            value: 'DENY',
-          },
           {
             key: 'X-XSS-Protection',
             value: '1; mode=block',

src/app/books/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Books',
+  description: 'Browse Books on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/books/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * Books Page
  *

src/app/dht/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'DHT Torrents',
+  description: 'Browse DHT Torrents on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/dht/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * DHT Index Page
  *

src/app/find-torrents/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Find Torrents',
+  description: 'Browse Find Torrents on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/find-torrents/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * Find Torrents Page
  *

src/app/layout.tsx

@@ -75,8 +75,8 @@ export const viewport: Viewport = {
   themeColor: '#8b5cf6',
   width: 'device-width',
   initialScale: 1,
-  maximumScale: 1,
-  userScalable: false,
+  maximumScale: 5,
+  userScalable: true,
   viewportFit: 'cover',
 };
 

src/app/live-tv/page.tsx

@@ -19,7 +19,7 @@ export default async function LiveTvPage(): Promise<React.ReactElement> {
   const user = await getCurrentUser();
 
   if (!user) {
-    redirect('/login?redirect=/live-tv');
+    redirect('/login?redirect=/live-tv&reason=live-tv');
   }
 
   return <LiveTvContent />;

src/app/login/page.tsx

@@ -6,7 +6,7 @@
  * User authentication with email/password.
  */
 
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import Link from 'next/link';
 import Image from 'next/image';
 import { MainLayout } from '@/components/layout';
@@ -17,6 +17,12 @@ export default function LoginPage(): React.ReactElement {
   const [email, setEmail] = useState('');
   const [password, setPassword] = useState('');
   const [isLoading, setIsLoading] = useState(false);
+  const [reason, setReason] = useState<string | null>(null);
+
+  useEffect(() => {
+    const params = new URLSearchParams(window.location.search);
+    setReason(params.get('reason'));
+  }, []);
   const [error, setError] = useState<string | null>(null);
 
   const handleSubmit = async (e: React.FormEvent): Promise<void> => {
@@ -53,6 +59,12 @@ export default function LoginPage(): React.ReactElement {
     <MainLayout>
       <div className="flex min-h-[60vh] items-center justify-center">
         <div className="w-full max-w-md">
+          {/* Reason message for redirects */}
+          {reason === 'live-tv' && (
+            <div className="mb-4 rounded-lg border border-accent-primary/30 bg-accent-primary/10 px-4 py-3 text-center text-sm text-text-primary">
+              Sign in to access Live TV — add your IPTV playlists and stream live channels.
+            </div>
+          )}
           {/* Logo */}
           <div className="mb-8 text-center">
             <Link href="/" className="inline-block mb-4">

src/app/movies/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Movies',
+  description: 'Browse Movies on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/movies/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * Movies Page
  *

src/app/music/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Music',
+  description: 'Browse Music on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/music/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * Music Page
  *

src/app/search/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Search',
+  description: 'Browse Search on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/search/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * Search Page
  *

src/app/trending/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'Trending',
+  description: 'Browse Trending on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/trending/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * Trending Page
  *

src/app/tvshows/layout.tsx

@@ -0,0 +1,10 @@
+import type { Metadata } from 'next';
+
+export const metadata: Metadata = {
+  title: 'TV Shows',
+  description: 'Browse TV Shows on BitTorrented',
+};
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return children;
+}

src/app/tvshows/page.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+
 /**
  * TV Shows Page
  *