refactor: restructure component folders and improve mock organization

- Rename ui/ to micro/ for better semantic clarity
- Move RecaptchaProvider to app/ folder as it's part of page layout
- Create proper ContactForm mock in micro/__mocks__/
- Fix Badge mock to preserve data-testid props
- Simplify test files to use __mocks__ folder structure
- Remove empty providers/ folder
- Update all import statements to use new micro/ path

All 361 tests passing with improved component organization.

Author: attarchi

…mponents/providers/RecaptchaProvider.tsx src/app/RecaptchaProvider.tsxsrc/components/providers/RecaptchaProvider.tsx renamed to src/app/RecaptchaProvider.tsx src/components/providers/RecaptchaProvider.tsx renamed to src/app/RecaptchaProvider.tsx

@@ -4,14 +4,8 @@ import Home from '../page'
 
 // Mock the modules using the __mocks__ files
 jest.mock('@/lib/blog-data')
-jest.mock('@/components/ui/Typewriter')
-jest.mock('@/components/ui/ThemeToggle')
-jest.mock('@/components/sections/HeroSection')
-jest.mock('@/components/sections/FeaturedProjects')
-jest.mock('@/components/sections/TechnicalExpertise')
-jest.mock('@/components/sections/ProfessionalJourney')
-jest.mock('@/components/sections/ContactSection')
-jest.mock('@/components/sections/blog-preview-section')
+jest.mock('@/components/micro')
+jest.mock('@/components/sections')
 
 describe('Home Page Contact Section', () => {
   it('renders the contact section', async () => {

src/app/__tests__/page.contact.test.tsx

@@ -4,14 +4,8 @@ import Home from '../page'
 
 // Mock the modules using the __mocks__ files
 jest.mock('@/lib/blog-data')
-jest.mock('@/components/ui/Typewriter')
-jest.mock('@/components/ui/ThemeToggle')
-jest.mock('@/components/sections/HeroSection')
-jest.mock('@/components/sections/FeaturedProjects')
-jest.mock('@/components/sections/TechnicalExpertise')
-jest.mock('@/components/sections/ProfessionalJourney')
-jest.mock('@/components/sections/ContactSection')
-jest.mock('@/components/sections/blog-preview-section')
+jest.mock('@/components/micro')
+jest.mock('@/components/sections')
 
 describe('Home Page Content', () => {
   it('renders the main hero heading', async () => {

src/app/__tests__/page.content.test.tsx

@@ -4,14 +4,8 @@ import Home from '../page'
 
 // Mock the modules using the __mocks__ files
 jest.mock('@/lib/blog-data')
-jest.mock('@/components/ui/Typewriter')
-jest.mock('@/components/ui/ThemeToggle')
-jest.mock('@/components/sections/HeroSection')
-jest.mock('@/components/sections/FeaturedProjects')
-jest.mock('@/components/sections/TechnicalExpertise')
-jest.mock('@/components/sections/ProfessionalJourney')
-jest.mock('@/components/sections/ContactSection')
-jest.mock('@/components/sections/blog-preview-section')
+jest.mock('@/components/micro')
+jest.mock('@/components/sections')
 
 describe('Home Page Layout', () => {
   it('renders the main container with proper classes', async () => {

src/app/__tests__/page.layout.test.tsx

@@ -4,7 +4,7 @@ import Home from '../page'
 
 // Mock the modules using the __mocks__ files
 jest.mock('@/lib/blog-data')
-jest.mock('@/components/ui')
+jest.mock('@/components/micro')
 jest.mock('@/components/sections')
 
 describe('Home Page', () => {

src/app/__tests__/page.test.tsx

@@ -1,7 +1,7 @@
 import { BlogPostList } from '@/components/blog';
 import { Footer } from '@/components/sections';
 import Link from 'next/link';
-import { ThemeToggle } from '@/components/ui';
+import { ThemeToggle } from '@/components/micro';
 import { getPublishedBlogPosts } from '@/lib/blog-data';
 import { footerContent, blogPageContent } from '@/content';
 

src/app/blog/page.tsx

@@ -2,8 +2,8 @@ import type { Metadata } from "next";
 import { JetBrains_Mono, Inter } from "next/font/google";
 import "./globals.css";
 import { ThemeProvider } from '@/lib/theme'
-import { ProgressBar } from '@/components/ui';
-import { RecaptchaProvider } from '@/components/providers';
+import { ProgressBar } from '@/components/micro';
+import { RecaptchaProvider } from './RecaptchaProvider';
 
 const jetbrainsMono = JetBrains_Mono({
   variable: "--font-jetbrains-mono",

src/app/layout.tsx

@@ -1,5 +1,5 @@
 import { HeroSection, FeaturedProjects, TechnicalExpertise, ProfessionalJourney, ContactSection, BlogPreviewSection, Footer } from "@/components/sections";
-import { ThemeToggle } from '@/components/ui';
+import { ThemeToggle } from '@/components/micro';
 import { getPublishedBlogPosts } from '@/lib/blog-data';
 import { heroContent, contactContent, professionalMilestones, projectsContent, technicalExpertiseContent, footerContent } from '@/content';
 

src/app/page.tsx

@@ -2,8 +2,7 @@
 
 import { motion } from 'framer-motion';
 import { useRouter } from 'next/navigation';
-import { Button } from '@/components/ui';
-import { Card, CardContent, CardHeader } from '@/components/ui/Card';
+import { Button, Card, CardContent, CardHeader } from '@/components/micro';
 
 // Animation variants for the success checkmark
 const checkmarkVariants = {

src/app/thank-you/page.tsx

@@ -7,16 +7,9 @@ jest.mock('../post-navigation', () => ({
   PostNavigation: jest.fn(() => <div data-testid="post-navigation" />)
 }));
 
-jest.mock('@/components/ui', () => ({
-  ThemeToggle: jest.fn(() => <div data-testid="theme-toggle" />),
-  Badge: jest.fn(({ children, ...props }) => <span data-testid="badge" {...props}>{children}</span>),
-  Card: jest.fn(({ children, ...props }) => <div data-testid="card" {...props}>{children}</div>),
-  CardContent: jest.fn(({ children, ...props }) => <div data-testid="card-content" {...props}>{children}</div>)
-}));
+jest.mock('@/components/micro');
 
-jest.mock('@/components/sections', () => ({
-  Footer: jest.fn(({ content }) => <footer data-testid="footer">{JSON.stringify(content)}</footer>)
-}));
+jest.mock('@/components/sections');
 
 jest.mock('@/lib', () => ({
   parseMarkdown: jest.fn((content: string) => ({
@@ -105,7 +98,7 @@ describe('BlogPostPage', () => {
 
   it('includes footer', () => {
     render(<BlogPostPage post={mockBlogPost} />);
-    expect(screen.getByTestId('footer')).toBeInTheDocument();
+    expect(screen.getByTestId('footer-mock')).toBeInTheDocument();
   });
 
   it('handles posts without tags', () => {