cleanup

src/app/search/page.tsx

@@ -1,4 +1,5 @@
 import Avatar from "@/components/Avatar";
+import Card from "@/components/Card";
 import Container from "@/components/Container";
 
 import SearchPlayer from "@/components/SearchPlayer";
@@ -12,7 +13,10 @@ export default function Home() {
   return (
     <main>
       <Container>
-        <div className="mt-2 flex w-full flex-col items-center justify-center rounded-md bg-gray-800">
+        <Card
+          className="mt-2 w-full rounded-md bg-gray-800 text-center"
+          innerClassName="flex flex-col items-center justify-center"
+        >
           <Avatar
             className="m-6"
             label="Player Avatar"
@@ -25,7 +29,7 @@ export default function Home() {
           <SearchPlayer />
 
           <div className="mb-6"></div>
-        </div>
+        </Card>
       </Container>
     </main>
   );