add recent changes tab to home

client/src/pages/dashboard/home.tsx

@@ -1,12 +1,17 @@
 import { useAtom } from 'jotai';
 import { currentUserAtom } from '@/features/user/atoms/current-user-atom';
+import { Container } from '@mantine/core';
+import HomeTabs from '@/features/home/components/home-tabs';
 
+//        Hello {currentUser && currentUser.user.name}!
 export default function Home() {
   const [currentUser] = useAtom(currentUserAtom);
 
   return (
-    <>
-      Hello {currentUser && currentUser.user.name}!
-    </>
+    <Container size={'800'} pt="xl">
+
+      <HomeTabs/>
+
+    </Container>
   );
 }

client/src/pages/welcome.tsx

@@ -1,9 +1,9 @@
-import { Title, Text } from '@mantine/core';
+import { Title, Text, Stack } from '@mantine/core';
 import { ThemeToggle } from '@/components/theme-toggle';
 
 export function Welcome() {
   return (
-    <>
+    <Stack>
       <Title ta="center" mt={100}>
         <Text
           inherit
@@ -18,6 +18,6 @@ export function Welcome() {
         Welcome to something new and interesting.
       </Text>
       <ThemeToggle />
-    </>
+    </Stack>
   );
 }