Add global styling (#4)

* add base global theme

* fix issue with prettier

* add more global styling & refactor

- add inter as default sans font
- extract globals to layout component

* fix prettier lint error

* remove unneeded title prop

.prettierrc.mjs

@@ -0,0 +1,4 @@
+/** @type {import("prettier").Config} */
+export default {
+  plugins: ["prettier-plugin-astro", "prettier-plugin-tailwindcss"],
+};

.vscode/settings.json

@@ -1,4 +1,8 @@
 {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "prettier.documentSelectors": [
+        "**/*.astro"
+    ],
+    "prettier.requireConfig": true
 }

package.json

@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@astrojs/tailwind": "^5.0.0",
+    "@fontsource-variable/inter": "^5.0.8",
     "@types/canvas-confetti": "^1.6.0",
     "astro": "^3.0.7",
     "astro-critters": "^2.0.11",
@@ -25,7 +26,8 @@
     "lint-staged": "^14.0.1",
     "prettier": "^3.0.3",
     "prettier-plugin-astro": "^0.12.0",
-    "prettier-plugin-tailwindcss": "^0.5.4"
+    "prettier-plugin-tailwindcss": "^0.5.4",
+    "sharp": "^0.32.6"
   },
   "volta": {
     "node": "18.17.1",