UI and Functionality Improvements

admin/vite.config.js

@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import path from 'path'
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -10,4 +10,9 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
-})
+  server: {
+    proxy: {
+      '/api': 'http://localhost:5000', // Change 5000 to your backend port
+    },
+  },
+});

user/src/components/Grievances.jsx

@@ -70,7 +70,7 @@ const Grievances = () => {
       </div>
 
       {/* Action Cards */}
-      <div className="max-w-5xl mx-auto flex flex-col justify-center gap-8 py-16 md:flex-row items-center bg-white dark:bg-gray-800 transition-colors duration-300">
+  <div className="max-w-7xl mx-auto flex flex-col justify-center gap-8 py-16 md:flex-row items-center bg-white dark:bg-gray-800 transition-colors duration-300 mb-12">
 
         {/* Lodge Grievance */}
         <div

user/src/components/ScrollToBottom.jsx

@@ -33,8 +33,8 @@ const ScrollToBottom = () => {
       >
         {/* SVG with three chevrons for the cascade animation */}
         <svg
-          width="24"
-          height="24"
+          width="32"
+          height="32"
           viewBox="0 0 24 24"
           fill="none"
           xmlns="http://www.w3.org/2000/svg"

user/src/components/ScrollToTop.jsx

@@ -34,8 +34,8 @@ const ScrollToTop = () => {
       >
         {/* SVG with two upward-pointing chevrons */}
         <svg
-          width="24"
-          height="24"
+          width="32"
+          height="32"
           viewBox="0 0 24 24"
           fill="none"
           xmlns="http://www.w3.org/2000/svg"

user/src/components/pages/About.jsx

@@ -67,7 +67,7 @@ const About = () => {
             <img
               src={about}
               alt="About SaralSeva"
-              className='w-full h-auto rounded-2xl shadow-xl dark:shadow-black/50 hover:scale-105 transition-transform duration-300'
+              className='w-full h-auto rounded-2xl shadow-xl dark:shadow-black/50 hover:scale-105 transition-transform duration-300 border-2 border-orange-200'
               data-tooltip-id="about-img-tooltip"
               data-tooltip-content="SaralSeva provides a unified digital platform for governance."
             />

user/src/components/pages/Footer.jsx

@@ -55,6 +55,7 @@ const Footer = () => {
 
   return (
     <footer className="bg-orange-950 dark:bg-gray-900 text-orange-200 dark:text-gray-300">
+      <hr className="border-t-4 border-orange-900 dark:border-gray-800 mb-4" />
       <div className="container mx-auto px-5 py-16">
         <div className="flex flex-wrap md:text-left text-center order-first">
 

user/vite.config.js

@@ -10,4 +10,9 @@ export default defineConfig({
       "@": path.resolve(__dirname, "./src"),
     },
   },
+  server: {
+    proxy: {
+      '/api': 'http://localhost:5000', // Change 5000 if your backend runs on a different port
+    },
+  },
 })