feat(#2): integrate Sidebar into dashboard layout

[Uchechukwu-Ekezie]

Closes #2

What changed

src/app/layout.tsx

• Imported Sidebar from @/components/layout/sidebar
• Wrapped <main> in a <div className="flex flex-1"> container alongside <Sidebar />
• <MobileNav /> stays outside the flex row, below the content area

Layout structure (before → after)

Before:
<div className="flex min-h-screen flex-col">
  <Header />
  <main className="flex-1">...</main>
  <MobileNav />
</div>

After:
<div className="flex min-h-screen flex-col">
  <Header />
  <div className="flex flex-1">
    <Sidebar />          ← hidden on < lg, visible on lg+
    <main className="flex-1">...</main>
  </div>
  <MobileNav />          ← visible on < lg
</div>

No changes to sidebar.tsx were needed — the existing hidden lg:flex class already handles responsive visibility.

How to verify

1. npm run dev → open at width > 1024px — sidebar appears on the left with Dashboard, Courses, Rewards, Credentials, and Settings links
2. Active link highlights when navigating between pages
3. Resize to < 1024px — sidebar hides, bottom MobileNav remains

[netlify]

✅ Deploy Preview for chainlearn ready!

Name	Link
🔨 Latest commit	9ee2621
🔍 Latest deploy log	https://app.netlify.com/projects/chainlearn/deploys/6a3c169da3bfb200096bf237
😎 Deploy Preview	https://deploy-preview-5--chainlearn.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[DeFiVC]

Summary

Integrates the existing Sidebar component into the root layout, implementing issue #2's target layout exactly. The diff is minimal and focused.

What's Changed

• src/app/layout.tsx: Imports Sidebar, wraps it and <main> in a flex container (<div className="flex flex-1">), keeping <MobileNav /> below the flex row for mobile-only visibility.

• .eslintrc.json + package.json: Adds ESLint with next/core-web-vitals config, required for the CI Lint check to pass.

• package-lock.json: First lockfile in the repo (6,784 lines — expected for new devDependencies).

Blocking Issues

None. ✅

What's Good

• Layout matches issue #2's target spec character-for-character
• Sidebar component already handles responsive visibility via hidden lg:flex
• MobileNav correctly remains outside the flex row (mobile only)
• Clean, focused, no scope creep

Minor Nits

• ⚠️ Lockfile additions are expected but inflate the diff — no action needed.