Fix the build error and implement dark theme into the landing page

[CodeMaverick-143]

Fixes Issue #675

This PR adds a complete dark theme implementation to the Landing Page while preserving the original design and functionality.

---

Changes Made

• Added darkMode: 'class' to tailwind.config.js
• Created ThemeContext.jsx to manage theme state with React Context API
• Implemented ThemeToggle component with sun/moon icons
• Added dark mode variants to LandingPage.jsx using Tailwind dark: classes
• Updated Navbar.jsx with dark mode styling and theme toggle buttons
• Added localStorage persistence for user theme preference
• Implemented system color scheme detection using prefers-color-scheme

---

Features

• Toggle between light and dark themes using a dedicated button
• Theme preference is saved in localStorage
• Detects system preference on initial load
• Consistent color scheme across all UI elements
• Maintains all animations, transitions, and original layout

---

Screenshots

Light Mode: Original design preserved Dark Mode: Dark background with adjusted text colors for readability

---

Technical Notes

• No changes were made to the existing component structure or file hierarchy
• All GSAP and Framer Motion animations remain untouched
• Only color schemes were modified — no changes to layout or spacing
• Used Tailwind CSS dark mode variants for all styling changes

---

Verification Checklist

• [x] Dark/Light theme toggle works correctly
• [x] User preference persists after page reload
• [x] System theme detection functions properly
• [x] No design regressions in layout or animations

[vercel[bot]]

@CodeMaverick-143 is attempting to deploy a commit to the dottle's projects Team on Vercel.

A member of the Team first needs to authorize it.

[CodeMaverick-143]

@1ilit Can you please review it.