chore: align docs and code with vite spa runtime

Author: ilramdhan

README.md

@@ -36,7 +36,7 @@ A modern, responsive portfolio website built with React, Vite, Tailwind CSS, and
 
 ```
 /
-├── actions/            # Server actions (if using Next.js features, though this is a Vite app)
+├── actions/            # Client-triggered action handlers used by the SPA
 ├── api/                # API related files
 ├── app/                # Main application pages and layouts
 │   ├── admin/          # Admin dashboard components
@@ -57,6 +57,7 @@ A modern, responsive portfolio website built with React, Vite, Tailwind CSS, and
 │   ├── api.ts          # API service functions for data fetching
 │   ├── database.types.ts # TypeScript definitions for Supabase tables
 │   └── ...
+├── experimental/       # Archived or optional modules not used in current production runtime
 ├── public/             # Static assets
 └── ...
 ```

app/admin.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';

app/login.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React, { useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';

app/page.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React, { useState, useEffect, useRef } from 'react';
 import { useQuery } from '@tanstack/react-query';

app/privacy.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React from 'react';
 import { Navbar } from '../components/Navbar';

app/project-detail.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React from 'react';
 import { useQuery } from '@tanstack/react-query';

app/terms.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React from 'react';
 import { Navbar } from '../components/Navbar';

components/ContactForm.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React, { useState, useRef, useEffect, useCallback } from 'react';
 import { useMutation, useQueryClient } from '@tanstack/react-query';

components/ImageCarousel.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React, { useState } from 'react';
 import { ChevronLeft, ChevronRight } from 'lucide-react';

components/Navbar.tsx

@@ -1,4 +1,3 @@
-'use client';
 
 import React, { useState } from 'react';
 import { Menu, X, Sun, Moon } from 'lucide-react';