✨ Update general style

- Smaller width of page
- Center navbar
- Fonts
- Catppuccin Mocha colours
- TODO.md
- Show all uses at the same time
- and more...

src/components/ContactMeForm.astro

@@ -12,12 +12,12 @@ import * as m from "@/paraglide/messages.js"
   <Input label={m.name()} type="text" name="name" required />
   <Input label={m.subject()} name="subject" required />
   <Input label={m.email()} name="_replyto" />
-  <input name="_gotcha" type="text" class={"hidden"} />
   {/*Honeypot spam filter*/}
+  <input name="_gotcha" type="text" class={"hidden"} />
   <label class="flex flex-col">
     {m.message()}
-    <textarea name="message" class="textarea textarea-bordered" required
+    <textarea name="message" class="textarea textarea-bordered w-full" required
     ></textarea>
   </label>
-  <button type="submit">{m.send()}</button>
 </form>
+<button type="submit" class="btn mt-2" title={m.send()}>{m.send()}</button>