Add title and description metadata to pages

src/app/(general)/download/page.tsx

@@ -1,5 +1,6 @@
 import Link from "next/link"
 import Image from "next/image"
+import type { Metadata } from "next"
 
 import Button from "@/components/common/Button"
 import DynamicButton from "@/components/download/DynamicButton"
@@ -8,6 +9,11 @@ import { getMacOSDownloadURL } from "@/utils/server/github"
 import ImgAppPreview from "@/assets/images/app_preview_rename_success.png"
 import SVGApple from "@/assets/icons/Apple.svg"
 
+export const metadata: Metadata = {
+  title: "Download exifoo",
+  description: "Shoot more. Organize less. With exifoo you can keep your photos organized."
+}
+
 export default async function Download() {
   const downloadURLMacOSArm64 = await getMacOSDownloadURL("arm64")
   const downloadURLMacOSX64 = await getMacOSDownloadURL("x64")

src/app/(general)/layout.tsx

@@ -1,7 +1,15 @@
+import type { Metadata } from "next"
+
 import Navbar from "@/components/Navbar"
 import Footer from "@/components/Footer"
 import "../globals.css"
 
+export const metadata: Metadata = {
+  title: "exifoo - Shoot more. Organize less.",
+  description:
+    "exifoo helps you keep your photos organized by adding the date and time of capture to the filename."
+}
+
 export default function RootLayout({
   children
 }: Readonly<{

src/app/(general)/legal/page.tsx

@@ -1,6 +1,12 @@
+import type { Metadata } from "next"
+
 import MarkdownContent from "@/components/common/MarkdownContent"
 import MdLegalNotice from "@/content/legal/legal-notice.md"
 
+export const metadata: Metadata = {
+  title: "Legal Notice - exifoo"
+}
+
 export default function LegalNotice() {
   return (
     <div className="flex flex-col items-center">

src/app/(general)/privacy/page.tsx

@@ -1,7 +1,13 @@
+import type { Metadata } from "next"
+
 import MarkdownContent from "@/components/common/MarkdownContent"
 import MdPrivacyPolicy from "@/content/privacy/privacy-policy.md"
 import "@/styles/privacy/PrivacyPolicy.css"
 
+export const metadata: Metadata = {
+  title: "Privacy Policy - exifoo"
+}
+
 export default function PrivacyPolicy() {
   return (
     <div className="flex flex-col items-center">

src/app/(general)/release-notes/page.tsx

@@ -1,6 +1,13 @@
+import type { Metadata } from "next"
+
 import MarkdownContent from "@/components/common/MarkdownContent"
 import { extractMarkdownMetaData } from "@/utils/helpers"
 
+export const metadata: Metadata = {
+  title: "Release Notes - exifoo",
+  description: "Latest changes of the exifoo desktop app."
+}
+
 export default function ReleaseNotes() {
   const importAllFiles = (r: any) => r.keys().map(r)
   const markdownFiles = importAllFiles(require.context("../../../content/release-notes", false, /\.md$/))

src/app/[...not-found]/layout.tsx

@@ -1,5 +1,11 @@
+import type { Metadata } from "next"
+
 import "../globals.css"
 
+export const metadata: Metadata = {
+  title: "Page not found - exifoo"
+}
+
 export default function RootLayout({
   children
 }: Readonly<{