move all components to components dir

src/components/ResourceNotFound.tsx

@@ -0,0 +1,33 @@
+import { Button } from "@app/components/ui/button";
+import {
+    Card,
+    CardContent,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+} from "@app/components/ui/card";
+import Link from "next/link";
+import { getTranslations } from "next-intl/server";
+
+export default async function ResourceNotFound() {
+    
+    const t = await getTranslations();
+
+    return (
+        <Card className="w-full max-w-md">
+            <CardHeader>
+                <CardTitle className="text-center text-2xl font-bold">
+                    {t('resourceNotFound')}
+                </CardTitle>
+            </CardHeader>
+            <CardContent>
+                {t('resourceNotFoundDescription')}
+                <div className="text-center mt-4">
+                    <Button>
+                        <Link href="/">{t('goHome')}</Link>
+                    </Button>
+                </div>
+            </CardContent>
+        </Card>
+    );
+}