refactor(components): use arrow function syntax and improve consistency

packages/web/src/app/(auth)/manager/page.tsx

@@ -8,7 +8,7 @@ import { useManagerStore } from "@rahoot/web/stores/manager"
 import { useRouter } from "next/navigation"
 import { useState } from "react"
 
-export default function Manager() {
+const Manager = () => {
   const { setGameId, setStatus } = useManagerStore()
   const router = useRouter()
   const { socket } = useSocket()
@@ -40,3 +40,5 @@ export default function Manager() {
 
   return <SelectQuizz quizzList={quizzList} onSelect={handleCreate} />
 }
+
+export default Manager

packages/web/src/app/(auth)/page.tsx

@@ -7,7 +7,7 @@ import { usePlayerStore } from "@rahoot/web/stores/player"
 import { useEffect } from "react"
 import toast from "react-hot-toast"
 
-export default function Home() {
+const Home = () => {
   const { isConnected, connect } = useSocket()
   const { player } = usePlayerStore()
 
@@ -27,3 +27,5 @@ export default function Home() {
 
   return <Room />
 }
+
+export default Home