fix: minor bug fixes on ui (#393)

Author: Neeraj-gagat

frontend/src/components/HomeComponents/Footer/Footer.tsx

@@ -90,7 +90,7 @@ export const Footer = () => {
 
       <section className="container pb-14 text-center">
         <h3>
-          &copy; 2025{' '}
+          &copy; 2026{' '}
           <a
             rel="noreferrer noopener"
             target="_blank"

frontend/src/components/HomeComponents/Footer/__tests__/__snapshots__/Footer.test.tsx.snap

@@ -149,7 +149,7 @@ exports[`Footer component using Snapshot renders correctly 1`] = `
       class="container pb-14 text-center"
     >
       <h3>
-        © 2025 
+        © 2026 
         <a
           class="text-red transition-all border-secondary hover:border-b-2"
           rel="noreferrer noopener"

frontend/src/components/HomeComponents/Tasks/ReportChart.tsx

@@ -23,6 +23,12 @@ export const ReportChart: React.FC<ReportChartProps> = ({
 }) => {
   const [isExporting, setIsExporting] = useState(false);
 
+  const isDark =
+    typeof document !== 'undefined' &&
+    document.documentElement.classList.contains('dark');
+
+  const labelColor = isDark ? '#ffffff' : '#111111';
+
   const handleCSVExport = () => {
     exportReportToCSV(data, title);
   };
@@ -90,19 +96,19 @@ export const ReportChart: React.FC<ReportChartProps> = ({
             dataKey="completed"
             fill="#E776CB"
             name="Completed"
-            label={{ position: 'top', fill: 'white', fontSize: 12 }}
+            label={{ position: 'top', fill: labelColor, fontSize: 12 }}
           />
           <Bar
             dataKey="ongoing"
             fill="#5FD9FA"
             name="Ongoing"
-            label={{ position: 'top', fill: 'white', fontSize: 12 }}
+            label={{ position: 'top', fill: labelColor, fontSize: 12 }}
           />
           <Bar
             dataKey="overdue"
             fill="#F33434"
             name="Overdue"
-            label={{ position: 'top', fill: 'white', fontSize: 12 }}
+            label={{ position: 'top', fill: labelColor, fontSize: 12 }}
           />
         </BarChart>
       </ResponsiveContainer>

frontend/src/components/LandingComponents/Footer/Footer.tsx

@@ -88,7 +88,7 @@ export const Footer = () => {
 
       <section className="container pb-14 text-center">
         <h3>
-          &copy; 2025{' '}
+          &copy; 2026{' '}
           <a
             rel="noreferrer noopener"
             target="_blank"

frontend/src/components/LandingComponents/Footer/__tests__/__snapshots__/Footer.test.tsx.snap

@@ -149,7 +149,7 @@ exports[`Footer component using Snapshot renders correctly 1`] = `
       class="container pb-14 text-center"
     >
       <h3>
-        © 2025 
+        © 2026 
         <a
           class="text-red transition-all border-secondary hover:border-b-2"
           rel="noreferrer noopener"

frontend/src/components/LandingPage.tsx

@@ -10,7 +10,7 @@ import '../App.css';
 
 export const LandingPage = () => {
   return (
-    <>
+    <div className="overflow-x-hidden">
       <Navbar />
       <Hero />
       <About />
@@ -19,6 +19,6 @@ export const LandingPage = () => {
       <FAQ />
       <Footer />
       <ScrollToTop />
-    </>
+    </div>
   );
 };

frontend/src/components/__tests__/__snapshots__/LandingPage.test.tsx.snap

@@ -2,29 +2,33 @@
 
 exports[`LandingPage Component using Snapshot renders landing page correctly: landing-page 1`] = `
 <DocumentFragment>
-  <div>
-    Mocked Navbar
-  </div>
-  <div>
-    Mocked Hero
-  </div>
-  <div>
-    Mocked About
-  </div>
-  <div>
-    Mocked HowItWorks
-  </div>
-  <div>
-    Mocked Contact
-  </div>
-  <div>
-    Mocked FAQ
-  </div>
-  <div>
-    Mocked Footer
-  </div>
-  <div>
-    Mocked ScrollToTop
+  <div
+    class="overflow-x-hidden"
+  >
+    <div>
+      Mocked Navbar
+    </div>
+    <div>
+      Mocked Hero
+    </div>
+    <div>
+      Mocked About
+    </div>
+    <div>
+      Mocked HowItWorks
+    </div>
+    <div>
+      Mocked Contact
+    </div>
+    <div>
+      Mocked FAQ
+    </div>
+    <div>
+      Mocked Footer
+    </div>
+    <div>
+      Mocked ScrollToTop
+    </div>
   </div>
 </DocumentFragment>
 `;

frontend/src/components/ui/table.tsx

@@ -58,7 +58,7 @@ const TableRow = React.forwardRef<
   <tr
     ref={ref}
     className={cn(
-      'border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted',
+      'border-b transition-colors hover:dark:bg-muted/50 hover:bg-black/15 data-[state=selected]:bg-muted',
       className
     )}
     {...props}