feat: implement Clerk authentication with sign-in, sign-up, profile, …

[superezzdev]

…and protected dashboard routing.

Summary by CodeRabbit

• New Features

  • Added sign-in and sign-up experiences with dark themed styling.
  • Added authenticated dashboard with upload area, usage stats, recent projects, exports, and editing presets.
  • Added profile and settings pages, including export preferences, auto-cut controls, and API key copy feedback.
  • Added protected navigation with dashboard, profile, settings, new video, and account controls.
  • Added authentication-aware landing page actions and user menu.

• Bug Fixes

  • Waveform visuals are now consistent across page loads.

[Copilot]

Copilot was unable to review this pull request because the user who requested the review has reached their quota limit.

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: ed452f13-0a89-4928-8a77-b90a913c88a7

📥 Commits

Reviewing files that changed from the base of the PR and between 006d3a9 and 029e803.

⛔ Files ignored due to path filters (1)

• package-lock.json is excluded by !**/package-lock.json

📒 Files selected for processing (18)

• app/(auth)/layout.tsx
• app/(auth)/sign-in/[[...sign-in]]/page.tsx
• app/(auth)/sign-up/[[...sign-up]]/page.tsx
• app/(protected)/dashboard/page.tsx
• app/(protected)/layout.tsx
• app/(protected)/profile/page.tsx
• app/(protected)/settings/page.tsx
• app/layout.tsx
• components/auth/SignInButton.tsx
• components/auth/SignUpButton.tsx
• components/auth/UserMenu.tsx
• components/landing/Header.tsx
• components/landing/Showcase.tsx
• components/layout/ProtectedHeader.tsx
• lib/clerk.ts
• middleware.ts
• next.config.ts
• package.json

---

📝 Walkthrough

Walkthrough

Changes

Clerk authentication and workspace

Layer / File(s)	Summary
Clerk foundation package.json, app/layout.tsx, middleware.ts, next.config.ts, lib/clerk.ts	Clerk dependencies, provider configuration, route middleware, image hosts, and user metadata helpers are added.
Authentication routes app/(auth)/*, components/auth/SignInButton.tsx, components/auth/SignUpButton.tsx	Styled sign-in and sign-up routes use Clerk components. Reusable links navigate to both routes.
Protected workspace app/(protected)/*, components/layout/ProtectedHeader.tsx, components/auth/UserMenu.tsx	Protected routing, workspace navigation, dashboard content, profile management, settings controls, and user menu links are added.
Landing authentication navigation components/landing/Header.tsx, components/landing/Showcase.tsx	Landing navigation now responds to Clerk authentication state. Waveform heights use deterministic calculations.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant Visitor
  participant Header
  participant Clerk
  participant ProtectedLayout
  participant DashboardPage
  Visitor->>Header: open landing page
  Header->>Clerk: read authentication state
  Clerk-->>Header: signed-in or signed-out state
  Header-->>Visitor: show authentication or dashboard controls
  Visitor->>ProtectedLayout: open protected route
  ProtectedLayout->>Clerk: call auth.protect()
  ProtectedLayout->>DashboardPage: render authenticated page

Loading

Possibly related PRs

• superezzdev/veodit#1: Both changes update the global layout and authentication-aware landing navigation.

Suggested reviewers: copilot

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/landing-page

---

_{Comment @coderabbitai help to get the list of available commands.}