Bug: themeColor and viewport incorrectly placed inside metadata export in layout.js

[HamidKhan1001]

🐛 Describe the bug

Issue description:

In `app/layout.js` (lines 21-22), `themeColor` and `viewport` are 
defined inside the `metadata` export object.

Since Next.js 13.4+, these fields were moved to a dedicated `viewport` 
export. Keeping them inside `metadata` causes Next.js to log a warning 
and these values may not be applied correctly by the browser.

## Current code (incorrect)
export const metadata = {
  ...
  themeColor: "#000000",
  viewport: "width=device-width, initial-scale=1",
};

## Expected code (correct)
export const metadata = {
  ...
  // themeColor and viewport removed
};

export const viewport = {
  themeColor: "#000000",
  width: "device-width",
  initialScale: 1,
};

## Reference
https://nextjs.org/docs/app/api-reference/functions/generate-viewport

I'd like to work on this and have a fix ready.

---

[Alishasaroha]

Hii @HamidKhan1001 ,
I've resolved this issue by moving themeColor and viewport settings to the viewport export in app/layout.js (Next.js 13.4+).

Kindly review and let me know if any changes are required. Thanks!

[KhushamBansal]

Hi @M4dhav
I would like to work on this issue. Can you assign it to me?