Add middleware for background and browser title

middleware/background.global.ts

@@ -0,0 +1,7 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  useHead({
+    htmlAttrs: {
+      style: to.fullPath == "/" ? "background: url('/clean-cuts/img/background.jpg');" : "background: rgb(21, 11, 48)"
+    },
+  });
+});

middleware/title.global.ts

@@ -0,0 +1,12 @@
+export default defineNuxtRouteMiddleware((to, from) => {
+  useHead({
+    title: to.fullPath == "/" ? "Clean Cuts" : to.fullPath
+      .split("/")
+      .filter(x => x != "")
+      .map(x => x
+        .split("-") // Remove hypens
+        .map(x => x.charAt(0).toUpperCase() + x.slice(1)) // Titlecase words
+        .join(" "))
+      .join(" • ")
+  })
+});