feat: notifications, redux, tailwind

src/components/ColorSchemeToggle/ColorSchemeToggle.tsx

@@ -0,0 +1,17 @@
+"use client";
+
+import { Button, Group, useMantineColorScheme } from "@mantine/core";
+
+export function ColorSchemeToggle() {
+    const { setColorScheme } = useMantineColorScheme();
+
+    return (
+        <Group
+            justify="center"
+            mt="xl">
+            <Button onClick={() => setColorScheme("light")}>Light</Button>
+            <Button onClick={() => setColorScheme("dark")}>Dark</Button>
+            <Button onClick={() => setColorScheme("auto")}>Auto</Button>
+        </Group>
+    );
+}

src/components/Welcome/Welcome.tsx

@@ -0,0 +1,31 @@
+import { Anchor, Text, Title } from "@mantine/core";
+
+export function Welcome() {
+    return (
+        <>
+            <Title
+                ta="center"
+                mt={100}
+                className={"font-bold underline"}>
+                Welcome to Mantine
+            </Title>
+            <Text
+                c="dimmed"
+                ta="center"
+                size="lg"
+                maw={580}
+                mx="auto"
+                mt="xl">
+                This starter Next.js project includes a minimal setup for server
+                side rendering, if you want to learn more on Mantine + Next.js
+                integration follow{" "}
+                <Anchor
+                    href="https://mantine.dev/guides/next/"
+                    size="lg">
+                    this guide
+                </Anchor>
+                . To get started edit page.tsx file.
+            </Text>
+        </>
+    );
+}

src/components/color-schemes-switcher.tsx

@@ -1,18 +0,0 @@
-"use client"
-
-import { Button, Group, useMantineColorScheme } from "@mantine/core"
-
-export function ColorSchemesSwitcher() {
-    const { setColorScheme, clearColorScheme } = useMantineColorScheme()
-
-    return (
-        <Group>
-            <Button variant={"filled"} onClick={() => setColorScheme("light")}>
-                Light
-            </Button>
-            <Button onClick={() => setColorScheme("dark")}>Dark</Button>
-            <Button onClick={() => setColorScheme("auto")}>Auto</Button>
-            <Button onClick={clearColorScheme}>Clear</Button>
-        </Group>
-    )
-}