chore(refactor): use star imports

Author: kuroji-fusky

apps/web/src/components/Search/SearchBar.tsx

@@ -16,7 +16,7 @@ interface SearchBarProps {
   characters?: { name: string; image: string }[]
 }
 
-export default function SearchBar({
+export function SearchBar({
   recentSearches = [],
   characters = []
 }: SearchBarProps) {

apps/web/src/components/Search/index.tsx

@@ -0,0 +1 @@
+export * from "./SearchBar"

apps/web/src/components/layouts/AppLayout/Navbar.tsx

@@ -1,7 +1,6 @@
 "use client"
 
 import { useAuth } from "@/app/context/AuthContext"
-import SearchBar from "@/components/Search/SearchBar"
 import { Sidebar } from "@/components/layouts/AppLayout/Sidebar/Sidebar"
 import { Button } from "@mav/ui/components/buttons"
 import { MyArtverseIcon } from "@mav/ui/icons"
@@ -10,6 +9,7 @@ import { useState } from "react"
 import { LuMenu } from "react-icons/lu"
 import { ActionsLoggedIn } from "./ActionsLoggedIn"
 import { ActionsLoggedOut } from "./ActionsLoggedOut"
+import { SearchBar } from "@/components/Search"
 
 export function Navbar() {
   const { user, isLoading } = useAuth()