refactor: use baseui

[pseudoyu]

Improves UI/UX consistency, branding, and SEO by standardizing styling, metadata, and layout patterns across the Web3Insight frontend.

This PR addresses inconsistent branding ('Web3 Insights' vs 'Web3Insight'), unifies page titles with a consistent template, introduces proper font loading and SEO files (robots.ts, sitemap.ts), eliminates redundant layout wrappers, ensures the footer appears on all pages, and standardizes design tokens and animation patterns for a cohesive look and feel.

---

  

---

Note

Medium Risk
Mostly UI/UX and SEO metadata refactors across many pages; moderate risk due to broad layout/metadata changes that could affect rendering, branding, and indexability site-wide.

Overview
Standardizes the app shell by enhancing DefaultLayoutWrapper (flex layout + optional global footer) and removing per-page full-height wrappers, plus centralizing overview metric definitions via new resolveOverviewMetrics used across Developers/Ecosystems/Repositories pages.

Updates global styling and branding (Inter font via next/font, Tailwind font stack, smoother selection/focus styles, theme toggle tweaks, and minor component polish), and normalizes page metadata/title patterns while adding SEO routes src/app/robots.ts and src/app/sitemap.ts for crawl directives and a static sitemap.

^{Written by Cursor Bugbot for commit 9954f83. This will update automatically on new commits. Configure here.}

[cursor]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}

[cursor]

Cursor Bugbot has reviewed your changes and found 2 potential issues.

Bugbot Free Tier Details

You are on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle.

To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

^{Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable autofix in the Cursor dashboard.}

[cursor]

Page title doubled by new layout template

Medium Severity

The authenticated DevInsight metadata path at line 22 still includes | ${title} in the page title string (\${githubHandle} DevInsight | ${title}`). Since the root layout now defines a title template: `%s | ${title}`, the final rendered title becomes something like username DevInsight | Web3Insight | Web3Insight— duplicating the brand suffix. The fallback title on line 33 was correctly updated to just"DevInsight"`, but this authenticated branch was missed.

Additional Locations (1)

• src/app/layout.tsx#L27-L31

 

[cursor]

Removed openGraph titles cause wrong social previews

Medium Severity

Eight child pages had their openGraph: { title } removed, but the root layout sets a static openGraph.title of "Web3Insight - Web3 Analytics Platform". In Next.js 16, openGraph.title does not automatically fall back to the page-level title — it must be explicitly set. All affected pages (developers, ecosystems, repositories, events, x402) will now show the generic root OG title in social media share previews instead of their page-specific title. This is an SEO regression despite the PR's goal of improving SEO.

Additional Locations (2)

• src/app/ecosystems/page.tsx#L13-L16
• src/app/repositories/page.tsx#L13-L16