patch: remove unused comments and fix project structure

Author: its-me-abhishek

frontend/src/components/HomeComponents/Navbar/NavbarDesktop.tsx

@@ -38,7 +38,7 @@ import { url } from '@/components/utils/URLs';
 import { exportTasksAsJSON, exportTasksAsTXT } from '@/exports-tasks';
 import { useState } from 'react';
 import { DevLogs } from '../DevLogs/DevLogs';
-import { useTaskAutoSync } from '@/Task-AutoSync';
+import { useTaskAutoSync } from '@/components/utils/Task-AutoSync';
 import { Label } from '@/components/ui/label';
 
 export const NavbarDesktop = (

frontend/src/components/HomeComponents/Navbar/NavbarMobile.tsx

@@ -37,7 +37,7 @@ import {
 import { Button } from '@/components/ui/button';
 import { exportTasksAsJSON, exportTasksAsTXT } from '@/exports-tasks';
 import { DevLogs } from '../DevLogs/DevLogs';
-import { useTaskAutoSync } from '@/Task-AutoSync';
+import { useTaskAutoSync } from '@/components/utils/Task-AutoSync';
 import { Label } from '@/components/ui/label';
 import { Switch } from '@/components/ui/switch';
 import { Slider } from '@/components/ui/slider';

frontend/src/components/HomeComponents/Tasks/report-download-utils.ts

@@ -1,42 +1,29 @@
 import html2canvas from 'html2canvas';
 import { toast } from 'react-toastify';
 
-/**
- * Interface for report data structure
- */
 export interface ReportData {
   name: string;
   completed: number;
   ongoing: number;
 }
 
-/**
- * Generates and downloads a CSV file from report data
- * @param data - Array of report data objects
- * @param reportType - Type of report (e.g., "Daily", "Weekly", "Monthly")
- */
 export const exportReportToCSV = (
   data: ReportData[],
   reportType: string
 ): void => {
   try {
-    // Create CSV header
     const headers = ['Report Type', 'Completed', 'Ongoing'];
-
-    // Create CSV rows
     const rows = data.map((item) => [
       item.name,
       item.completed.toString(),
       item.ongoing.toString(),
     ]);
 
-    // Combine headers and rows
     const csvContent = [
       headers.join(','),
       ...rows.map((row) => row.join(',')),
     ].join('\n');
 
-    // Create blob and download
     const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
     const filename = generateFileName(reportType, 'csv');
     downloadFile(blob, filename);
@@ -54,12 +41,6 @@ export const exportReportToCSV = (
   }
 };
 
-/**
- * Captures a chart element as PNG and downloads it
- * @param elementId - DOM element ID of the chart container
- * @param reportType - Type of report (e.g., "Daily", "Weekly", "Monthly")
- * @returns Promise that resolves when download is complete
- */
 export const exportChartToPNG = async (
   elementId: string,
   reportType: string
@@ -71,15 +52,13 @@ export const exportChartToPNG = async (
       throw new Error(`Element with ID "${elementId}" not found`);
     }
 
-    // Create canvas from the element
     const canvas = await html2canvas(element, {
       backgroundColor: '#1c1c1c',
       scale: 2, // Higher quality
       logging: false,
       useCORS: true,
     });
 
-    // Convert canvas to blob
     const blob = await new Promise<Blob>((resolve, reject) => {
       canvas.toBlob((blob) => {
         if (blob) {
@@ -106,11 +85,6 @@ export const exportChartToPNG = async (
   }
 };
 
-/**
- * Triggers a file download in the browser
- * @param blob - File blob to download
- * @param filename - Name of the file to save
- */
 const downloadFile = (blob: Blob, filename: string): void => {
   const url = URL.createObjectURL(blob);
   const link = document.createElement('a');
@@ -121,17 +95,10 @@ const downloadFile = (blob: Blob, filename: string): void => {
   document.body.appendChild(link);
   link.click();
 
-  // Cleanup
   document.body.removeChild(link);
   URL.revokeObjectURL(url);
 };
 
-/**
- * Generates a standardized filename for downloads
- * @param reportType - Type of report (e.g., "Daily", "Weekly", "Monthly")
- * @param extension - File extension (csv or png)
- * @returns Formatted filename string
- */
 const generateFileName = (reportType: string, extension: string): string => {
   const date = new Date();
   const dateStr = date.toISOString().split('T')[0]; // YYYY-MM-DD format

frontend/src/Task-AutoSync.tsx …d/src/components/utils/Task-AutoSync.tsxfrontend/src/Task-AutoSync.tsx renamed to frontend/src/components/utils/Task-AutoSync.tsx frontend/src/Task-AutoSync.tsx renamed to frontend/src/components/utils/Task-AutoSync.tsx

@@ -1,7 +1,6 @@
 import { useCallback, useEffect } from 'react';
-// We still don't need 'Props'
-import { syncTasksWithTwAndDb } from './components/HomeComponents/Tasks/Tasks';
-import { AutoSyncProps } from './components/utils/types';
+import { syncTasksWithTwAndDb } from '../HomeComponents/Tasks/Tasks';
+import { AutoSyncProps } from './types';
 
 export const useTaskAutoSync = (props: AutoSyncProps) => {
   const { isLoading, setIsLoading, isAutoSyncEnabled, syncInterval } = props;