Fix: documentation page background color mismatch (JhaSourav07#113)

## Description

Fixes JhaSourav07#59

This PR resolves a background color mismatch on the documentation page.
The documentation page now uses a transparent background and white
ambient glows, allowing the global dark theme and background animation
to show through, matching the homepage and dashboard aesthetic.

## Pillar

- [ ] 🎨 Pillar 1 — New Theme Design
- [ ] 📐 Pillar 2 — Geometric SVG Improvement
- [ ] 🕐 Pillar 3 — Timezone Logic Optimization
- [x] 🛠️ Other (Bug fix, refactoring, docs)

## Visual Preview
*(The documentation page background now seamlessly matches the landing
page, featuring the signature animated "Cherry Blossom" petals and
subtle white ambient glows.)*

## Checklist before requesting a review:

- [x] I have read the `CONTRIBUTING.md` file.
- [x] I have tested these changes locally.
- [x] I have run `npm run format` and `npm run lint` locally and
resolved all errors.
- [x] My commits follow the Conventional Commits format (e.g., `fix(ui):
unify documentation background`).
- [x] I have updated `README.md` if I added a new theme or URL
parameter.
- [x] I have started the repo.
- [x] I have made sure that i have only one commit to merge in this PR.
- [x] The SVG output matches the CommitPulse "premium quality" aesthetic
standard.

Author: JhaSourav07

app/documentation/page.tsx

@@ -133,11 +133,14 @@ const contributorNotes = [
 
 export default function DocumentationPage() {
   return (
-    <main className="min-h-screen overflow-x-hidden bg-[#050505] text-white">
+    <main className="min-h-screen overflow-x-hidden bg-transparent text-white">
       <div className="fixed inset-0 pointer-events-none overflow-hidden">
-        <div className="absolute left-[-10%] top-[-8%] h-[28rem] w-[28rem] rounded-full bg-emerald-500/10 blur-[130px]" />
-        <div className="absolute right-[-8%] top-[20%] h-[24rem] w-[24rem] rounded-full bg-cyan-400/10 blur-[120px]" />
-        <div className="absolute bottom-[-10%] left-[20%] h-[24rem] w-[24rem] rounded-full bg-orange-400/10 blur-[140px]" />
+        {/* Layered brand glows for depth */}
+        <div className="absolute left-[-10%] top-[-8%] h-[40rem] w-[40rem] rounded-full bg-emerald-500/15 blur-[120px]" />
+        <div className="absolute right-[-5%] top-[10%] h-[35rem] w-[35rem] rounded-full bg-cyan-400/10 blur-[100px]" />
+        <div className="absolute bottom-[-15%] left-[15%] h-[45rem] w-[45rem] rounded-full bg-indigo-500/10 blur-[140px]" />
+        {/* Noise texture overlay for a premium surface feel */}
+        <div className="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-[0.03] mix-blend-overlay" />
       </div>
 
       <div className="relative mx-auto flex min-h-screen max-w-6xl flex-col px-6 pb-10 pt-6 md:px-8">