Migrate viewport metadata to separate viewport export

[tomsmith8]

Issue

Next.js is warning that viewport metadata should be moved from the metadata export to a separate viewport export in multiple layout files.

Warnings:

⚠ Unsupported metadata viewport is configured in metadata export in /w/[slug]
⚠ Unsupported metadata viewport is configured in metadata export in /

Affected Files

• /src/app/layout.tsx (root layout)
• /src/app/w/[slug]/layout.tsx (workspace layout)

Current Pattern (Deprecated)

export const metadata = {
  viewport: 'width=device-width, initial-scale=1',
  themeColor: '#000000',
  // ...
}

Target Pattern

// Separate viewport export
export const viewport = {
  width: 'device-width',
  initialScale: 1,
  themeColor: '#000000',
}

// Metadata without viewport
export const metadata = {
  // ...
}

References

• Next.js Documentation: generateViewport

Acceptance Criteria

• Move viewport config to separate export in root layout
• Move viewport config to separate export in workspace layout
• Verify warnings are resolved
• Test that viewport settings still work correctly