refactor: remove unused props

Author: chiptus

src/components/layout/AppHeader.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, useRef, useCallback } from "react";
+import { useRef, useCallback } from "react";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { useScrollVisibility } from "@/hooks/useScrollVisibility";
 import { TopBar } from "./AppHeader/TopBar";
@@ -12,26 +12,19 @@ interface AppHeaderProps {
   // Page content
   title?: string;
   logoUrl?: string | null;
-  subtitle?: string;
-  description?: string;
 
   // Navigation options
   showGroupsButton?: boolean;
-
-  // Custom content section
-  children?: ReactNode;
 }
 
 export function AppHeader({
   showBackButton = false,
   backLabel = "Back",
   title,
-  // subtitle,
-  // description,
+
   logoUrl,
-  // actions,
+
   showGroupsButton = false,
-  // children,
 }: AppHeaderProps) {
   // Track visibility of logo specifically for festival context in top bar
   const titleRef = useRef<HTMLDivElement | null>(null);

src/pages/EditionSelection.tsx

@@ -84,8 +84,6 @@ export default function EditionSelection() {
             showBackButton
             backLabel="Back to Festivals"
             title={festival.name}
-            subtitle="No editions available"
-            description="There are currently no editions available for voting."
           />
 
           <div className="flex items-center justify-center mt-16">
@@ -146,8 +144,6 @@ export default function EditionSelection() {
           showBackButton
           backLabel="Back to Festivals"
           title={festival.name}
-          subtitle="Choose Festival Edition"
-          description="Select which edition of the festival you want to explore and vote on."
         />
 
         <div className="mt-12 grid gap-6 md:grid-cols-2 lg:grid-cols-3">

src/pages/FestivalSelection.tsx

@@ -76,11 +76,7 @@ export default function FestivalSelection() {
   return (
     <div className="min-h-screen bg-app-gradient">
       <div className="container mx-auto px-4 py-8">
-        <AppHeader
-          title="UpLine"
-          subtitle="Collaborative Festival Voting"
-          description="Choose a festival to start voting and collaborating with your community."
-        />
+        <AppHeader title="UpLine" />
 
         <div className="mt-12 grid gap-6 md:grid-cols-2 lg:grid-cols-3">
           {availableFestivals.map((festival: Festival) => (

src/pages/admin/AdminLayout.tsx

@@ -74,8 +74,6 @@ export default function AdminLayout() {
           showBackButton
           backLabel="Back to app"
           title="Admin Dashboard"
-          subtitle="Platform Management"
-          description="Manage artists, genres, and admin permissions"
         />
 
         <div className="mt-8">

src/pages/groups/Groups/GroupsHeader.tsx

@@ -5,12 +5,7 @@ import { Plus } from "lucide-react";
 export function GroupsHeader({ onCreate }: { onCreate: () => void }) {
   return (
     <div>
-      <AppHeader
-        showBackButton
-        backLabel="Back to Artists"
-        title="My Groups"
-        subtitle="Create and manage your festival groups"
-      />
+      <AppHeader showBackButton backLabel="Back to Artists" title="My Groups" />
       <div className="flex justify-between items-center mb-6">
         <div />
         <Button