clean up, rules of hook, no conditional hooks

Author: izadoesdev

apps/dashboard/app/(main)/websites/[id]/map/page.tsx

@@ -50,16 +50,16 @@ function WebsiteMapPage() {
   const { id } = useParams<{ id: string }>();
   const [mode, setMode] = useState<"total" | "perCapita">("total");
 
-  if (!id) {
-    return <div>No website ID</div>;
-  }
-
-  const { results, isLoading, getDataForQuery } = useMapLocationData(id, {
+  const { isLoading, getDataForQuery } = useMapLocationData(id, {
     start_date: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
     end_date: new Date().toISOString().split('T')[0],
     granularity: 'daily'
   });
 
+  if (!id) {
+    return <div>No website ID</div>;
+  }
+
   const locationData: LocationData = {
     countries: (getDataForQuery("map-countries", "country") || []).map((item: { name: string; visitors: number; pageviews: number; country_code?: string; country_name?: string }) => ({
       country: item.country_name || item.name,

apps/dashboard/components/analytics/data-table.tsx

@@ -16,9 +16,8 @@ import {
   Search,
   X,
 } from "lucide-react";
-import React, { Fragment, useCallback, useMemo, useRef, useState, useEffect } from "react";
+import React, { Fragment, useCallback, useRef, useState, useEffect } from "react";
 import ReactDOM from "react-dom";
-import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { Skeleton } from "@/components/ui/skeleton";
 import {