Enhances dashboard with new metrics and charts

Improves the dashboard with additional metrics and visualizations
to provide a more comprehensive overview of application usage and performance.

Adds new charts, including:
- Word cloud for category analysis
- Geographic map for user distribution (simulated data)
- Response time distribution chart

Refactors existing components for improved clarity and reusability,
including the introduction of a generic `MetricCard` component.

Improves error handling and user feedback during data refresh and
session loading.

Adds recommended VSCode extensions for ESLint and Prettier.

pages/api/admin/refresh-sessions.ts

@@ -13,7 +13,7 @@ interface SessionCreateData {
 
 export default async function handler(
   req: NextApiRequest,
-  res: NextApiResponse,
+  res: NextApiResponse
 ) {
   // Check if this is a POST request
   if (req.method !== "POST") {
@@ -37,7 +37,11 @@ export default async function handler(
         companyId = session.companyId;
       }
     } catch (error) {
-      console.error("Error fetching session:", error);
+      // Log error for server-side debugging
+      const errorMessage =
+        error instanceof Error ? error.message : String(error);
+      // Use a server-side logging approach instead of console
+      process.stderr.write(`Error fetching session: ${errorMessage}\n`);
     }
   }
 
@@ -52,7 +56,7 @@ export default async function handler(
     const sessions = await fetchAndParseCsv(
       company.csvUrl,
       company.csvUsername as string | undefined,
-      company.csvPassword as string | undefined,
+      company.csvPassword as string | undefined
     );
 
     // Replace all session rows for this company (for demo simplicity)