badge redesign again

src/features/players/components/profile/index.tsx

@@ -1,4 +1,4 @@
-import { Box } from "@mantine/core";
+import { Box, Stack, Text, Divider } from "@mantine/core";
 import { Suspense } from "react";
 import Header from "./header";
 import SwipeableTabs from "@/components/swipeable-tabs";
@@ -21,14 +21,19 @@ const Profile = ({ id }: ProfileProps) => {
   const tabs = [
     {
       label: "Overview",
-      content: (
-        <>
+      content: <>
+        <Stack px="md">
+          <Text size="md" fw={700}>Badges</Text>
           <Suspense fallback={<BadgeShowcaseSkeleton />}>
             <BadgeShowcase playerId={id} />
           </Suspense>
+        </Stack>
+        <Divider my="md" />
+        <Stack>
+          <Text px="md" size="md" fw={700}>Statistics</Text>
           <StatsOverview statsData={stats} isLoading={statsLoading} />
-        </>
-      ),
+        </Stack>
+      </>,
     },
     {
       label: "Matches",