social overhaul

src/app/routes/_authed/settings.tsx

@@ -2,6 +2,7 @@ import { createFileRoute } from "@tanstack/react-router";
 import { Box, Title, Stack } from "@mantine/core";
 import { ColorSchemePicker } from "@/features/settings/components/color-scheme-picker";
 import AccentColorPicker from "@/features/settings/components/accent-color-picker";
+import { NotificationsSection } from "@/features/settings/components/notifications-section";
 import { SignOutIcon } from "@phosphor-icons/react";
 import ListLink from "@/components/list-link";
 
@@ -32,6 +33,7 @@ function RouteComponent() {
           <ColorSchemePicker />
         </Stack>
       </Box>
+      <NotificationsSection />
       <ListLink label="Sign Out" to="/logout" Icon={SignOutIcon} />
     </>
   );