✨ More mobile friendly, fix wrong URL, Hamburger menu

- Hamburger menu on mobile
- title is moved into header on mobile
- Smaller titles on mobile
- Fix wrong import of env in config
- Cleaned up unused imports

src/components/projects/MyProjectsPage.astro

@@ -1,6 +1,5 @@
 ---
 import ProjectCard from "./ProjectCard.astro"
-import * as m from "@/paraglide/messages"
 import { type CollectionEntry } from "astro:content"
 import { type NavLink } from "@/utils/linking"
 

src/components/projects/ProjectPage.astro

@@ -1,11 +1,11 @@
 ---
 import Layout from "@/layouts/Layout.astro"
-import { Image } from "astro:assets"
-import { getEntry, render } from "astro:content"
 import BadgeList from "@/components/badge/BadgeList.astro"
-import * as m from "@/paraglide/messages"
-import { languageTag } from "@/paraglide/runtime"
 import GiteaLink from "@/components/links/GiteaLink.astro"
+import { languageTag } from "@/paraglide/runtime"
+import { getEntry, render } from "astro:content"
+import { Image } from "astro:assets"
+import * as m from "@/paraglide/messages"
 import "@/styles/global.css"
 
 interface Props {
@@ -29,10 +29,10 @@ const {
 ---
 
 <!--TODO day.js / Temporal API for dates?-->
-<Layout title={title} class="mx-auto max-w-[750px]">
+<Layout title={title} class="mx-auto max-w-[750px] px-3">
   <div class="flex justify-between my-2">
     <div>
-      <h1>{title}</h1>
+      <h2>{title}</h2>
       <BadgeList tags={tags} />
     </div>
     <div class="flex flex-col items-end">