NotReallyEight · NotReallyEight · Jan 26, 2026 · Jan 26, 2026 · Jan 26, 2026 · Jan 26, 2026
diff --git a/.github/instructions.md b/.github/instructions.md
@@ -0,0 +1,14 @@
+# General Instructions
+
+## Semantic Versioning
+
+- The `package.json` file must always follow npm semantic versioning.
+- Each pull request should update the version according to the type of change:
+  - Patch / Bug fix: increment the patch version (`x.x.PATCH`)
+  - Minor: increment the minor version (`x.MINOR.x`)
+  - Major / Breaking change: increment the major version (`MAJOR.x.x`)
+- Suggestions should commit the updated version along with the relevant changes.
+
+## Unused dependencies
+
+When suggesting code, if in the `package.json` there are some installed packages that are unused, remove them.
diff --git a/.github/tsx.instructions.md b/.github/tsx.instructions.md
@@ -0,0 +1,17 @@
+---
+applyTo: "**/*.tsx"
+---
+
+# React files
+
+## Class names
+
+When suggesting code, if there is a long className string, break it into multiple lines using semantic groups. For example, group layout-related classes together, spacing together, typography together, colors together, and transitions/animations together. Keep each line under 80 characters. Format JSX attributes so the opening tag, className, and other props are readable. Always produce clean multiline className strings in your suggestions
+
+## Components
+
+When suggesting code, if in the various pages there are pieces of code that are reused multiple times, follow the DRY principle and suggest to group everything in a unique component.
+
+## Unused code
+
+When suggesting code, if there is some code that is unused throughout the codebase, suggest to remove it entirely.
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -6,6 +6,7 @@ import tseslint from "typescript-eslint";
 import react from "eslint-plugin-react";
 import reactRefresh from "eslint-plugin-react-refresh";
 import nextVitals from "eslint-config-next/core-web-vitals";
+import eslintPluginPrettierRecommended from "eslint-config-prettier";
 
 export default defineConfig(
   nextVitals,
@@ -25,5 +26,6 @@ export default defineConfig(
     rules: {
       "import/no-unresolved": "off",
     },
-  }
+  },
+  eslintPluginPrettierRecommended
 );
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -28,6 +28,8 @@
     "@types/react-dom": "19.2.3",
     "eslint": "^9",
     "eslint-config-next": "16.1.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-refresh": "^0.4.26",
     "eslint-plugin-unused-imports": "^4.3.0",

diff --git a/src/app/(snap)/layout.tsx b/src/app/(snap)/layout.tsx
@@ -0,0 +1,38 @@
+import "./snap-globals.css";
+import { ibmPlexMono, inter, spaceGrotesk } from "../fonts";
+import { Metadata } from "next";
+
+const fonts = [
+  ibmPlexMono.variable,
+  inter.variable,
+  spaceGrotesk.variable,
+].join(" ");
+
+// Next.js automatically updates metadata using this export.
+// eslint-disable-next-line react-refresh/only-export-components
+export const metadata: Metadata = {
+  icons: {
+    icon: [
+      {
+        url: "/icon.ico",
+        media: "(prefers-color-scheme: light)",
+      },
+      {
+        url: "/icon-dark.ico",
+        media: "(prefers-color-scheme: dark)",
+      },
+    ],
+  },
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={fonts}>{children}</body>
+    </html>
+  );
+}