fix: resolve edge runtime and server component style build errors

app/api/og/route.tsx

@@ -10,8 +10,6 @@ import { ImageResponse } from 'next/og';
 import { NextRequest } from 'next/server';
 import { getConfig } from '@/lib/config';
 
-export const runtime = 'edge';
-
 export async function GET(request: NextRequest) {
   const { searchParams } = request.nextUrl;
   const title = searchParams.get('title') || 'Gallery';

app/impressum/impressum.css

@@ -0,0 +1,21 @@
+.subpage-container {
+  padding: 4rem 2rem;
+  min-height: 80vh;
+}
+.subpage-header {
+  margin-bottom: 4rem;
+  text-align: center;
+}
+.subpage-title {
+  font-family: var(--font-serif);
+  font-size: clamp(2.5rem, 8vw, 4rem);
+  font-weight: 400;
+  margin-bottom: 1rem;
+}
+.subpage-subtitle {
+  font-family: var(--font-caption);
+  font-size: 1rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  opacity: 0.6;
+}

app/impressum/page.tsx

@@ -8,6 +8,7 @@ import { notFound } from 'next/navigation';
 import { getConfig } from '@/lib/config';
 import { BackLink } from '@/components/BackLink';
 import { FadeIn } from '@/components/FadeIn';
+import './impressum.css';
 
 export const metadata: Metadata = {
   title: 'Impressum',
@@ -92,30 +93,6 @@ export default function ImpressumPage() {
           </section>
         </FadeIn>
       </main>
-
-      <style jsx>{`
-        .subpage-container {
-          padding: 4rem 2rem;
-          min-height: 80vh;
-        }
-        .subpage-header {
-          margin-bottom: 4rem;
-          text-align: center;
-        }
-        .subpage-title {
-          font-family: var(--font-serif);
-          font-size: clamp(2.5rem, 8vw, 4rem);
-          font-weight: 400;
-          margin-bottom: 1rem;
-        }
-        .subpage-subtitle {
-          font-family: var(--font-caption);
-          font-size: 1rem;
-          text-transform: uppercase;
-          letter-spacing: 0.1em;
-          opacity: 0.6;
-        }
-      `}</style>
     </div>
   );
 }

components/Footer.tsx

@@ -31,7 +31,7 @@ export function Footer() {
         </div>
 
         <div className="footer__links">
-          {footer.instagram && (
+          {footer?.instagram && (
             <a
               href={`https://instagram.com/${footer.instagram.replace('@', '')}`}
               target="_blank"
@@ -55,7 +55,7 @@ export function Footer() {
               </svg>
             </a>
           )}
-          {footer.email && (
+          {footer?.email && (
             <a href={`mailto:${footer.email}`} className="footer__link" aria-label="Email">
               <svg
                 width="16"
@@ -72,7 +72,7 @@ export function Footer() {
               </svg>
             </a>
           )}
-          {footer.website && (
+          {footer?.website && (
             <a
               href={footer.website}
               target="_blank"