fix: update query to use activeSectors instead of sectors in Sectors and SectorsListingPage components

Author: sanjaypinna

app/[locale]/(user)/components/Sectors.tsx

@@ -13,7 +13,7 @@ import { GraphQL } from '@/lib/api';
 
 const sectorDetails = graphql(`
   query SectorsList {
-    sectors {
+    activeSectors {
       id
       name
       description
@@ -61,7 +61,7 @@ const Sectors = () => {
         </div>
       ) : (
         <div className="mt-12 grid w-full grid-cols-1 gap-6 px-4 md:grid-cols-2 md:px-12 lg:grid-cols-3 lg:px-12">
-          {data?.sectors.map((sectors: any) => (
+          {data?.activeSectors.map((sectors: any) => (
             <Link
               href={`/sectors/${sectors.slug}?size=9&page=1&sort=recent&sectors=${capitalizeWords(sectors.slug)}`}
               key={sectors.id}

app/[locale]/(user)/sectors/page.tsx

@@ -20,7 +20,7 @@ import Styles from '../datasets/dataset.module.scss';
 
 const sectorsListQueryDoc: any = graphql(`
   query SectorsLists($order: SectorOrder, $filters: SectorFilter) {
-    sectors(order: $order, filters: $filters) {
+    activeSectors(order: $order, filters: $filters) {
       id
       name
       description
@@ -185,10 +185,10 @@ const SectorsListingPage = () => {
                 <div className="m-4 flex justify-center">
                   <Spinner />
                 </div>
-              ) : data && data?.sectors?.length > 0 ? (
+              ) : data && data?.activeSectors?.length > 0 ? (
                 <>
                   <div className="grid w-full grid-cols-1 gap-10 md:grid-cols-2 lg:grid-cols-3">
-                    {data?.sectors.map((sectors: any) => (
+                    {data?.activeSectors.map((sectors: any) => (
                       <Link
                         href={`/sectors/${sectors.slug}?sectors=${capitalizeWords(sectors.slug)}`}
                         key={sectors.id}