chore: comprehensive project update with dependency modernization, contact information standardization, copyright updates, and build configuration improvements

- Updated dependencies to latest compatible versions including React, TypeScript, and Vite.
- Standardized contact information across all components (phone, email, address, EIN).
- Updated copyright year to 2025 and ensured consistent legal status messaging.
- Modernized Azure infrastructure with updated API versions and enhanced security practices.
- Optimized build configurations for TypeScript and Vite, ensuring production readiness.
- Cleaned up console logs and improved code quality with type safety and test coverage updates.

src/components/__tests__/Footer.test.tsx

@@ -1,5 +1,7 @@
 import { describe, it, expect, vi } from 'vitest'
-import { render, screen } from '@testing-library/react'
+import { render } from '@testing-library/react'
+import { screen } from '@testing-library/dom'
+import '@testing-library/jest-dom'
 import { Footer } from '../Footer'
 
 // Mock the LogoMark component
@@ -26,7 +28,7 @@ describe('Footer Component', () => {
     render(<Footer />)
     
     const socialLinks = screen.getAllByRole('link')
-    const socialIcons = socialLinks.filter(link => 
+    const socialIcons = socialLinks.filter((link: HTMLElement) => 
       link.getAttribute('href') === '#'
     )
     
@@ -49,14 +51,14 @@ describe('Footer Component', () => {
     expect(screen.getByText('Organization')).toBeInTheDocument()
     expect(screen.getByRole('link', { name: 'Testimonials' })).toHaveAttribute('href', '#/testimonies')
     expect(screen.getByRole('link', { name: 'Legal & Policies' })).toHaveAttribute('href', '#/legal')
-    expect(screen.getByRole('link', { name: 'Contact Us' })).toHaveAttribute('href', 'mailto:contact@miraclesinmotion.org')
-    expect(screen.getByRole('link', { name: '(555) 123-4567' })).toHaveAttribute('href', 'tel:+15551234567')
+    expect(screen.getByRole('link', { name: 'Contact Us' })).toHaveAttribute('href', 'mailto:contact@mim4u.org')
+    expect(screen.getByRole('link', { name: '(818) 491-6884' })).toHaveAttribute('href', 'tel:+18184916884')
   })
 
   it('renders copyright information', () => {
     render(<Footer />)
     
-    expect(screen.getByText(/© 2024 Miracles in Motion. All rights reserved./)).toBeInTheDocument()
+    expect(screen.getByText(/© 2025 Miracles in Motion. All rights reserved./)).toBeInTheDocument()
     expect(screen.getByText(/501\(c\)\(3\) nonprofit organization./)).toBeInTheDocument()
   })
 

src/components/__tests__/Navigation.test.tsx

@@ -1,5 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import { render, screen, fireEvent } from '@testing-library/react'
+import { render } from '@testing-library/react'
+import { screen, fireEvent } from '@testing-library/dom'
+import '@testing-library/jest-dom'
 import { Navigation } from '../Navigation'
 
 // Mock the UI components
@@ -60,7 +62,10 @@ describe('Navigation Component', () => {
   it('displays mobile menu when mobileMenuOpen is true', () => {
     render(<Navigation {...mockProps} mobileMenuOpen={true} />)
     
-    expect(screen.getByRole('region', { name: 'Mobile navigation menu' })).toBeInTheDocument()
+    const storiesLinks = screen.getAllByText('Stories')
+    expect(storiesLinks).toHaveLength(2) // One in desktop nav, one in mobile nav
+    expect(screen.getByText('Testimonies')).toBeInTheDocument()
+    expect(screen.getByText('Volunteers')).toBeInTheDocument()
   })
 
   it('handles keyboard navigation correctly', () => {