feat: replace the error fallback page

Author: bhavabhuthi

app/[locale]/(user)/categories/[categorySlug]/page.tsx

@@ -1,17 +1,18 @@
 'use client';
 
-import { useEffect, useReducer, useState } from 'react';
-import Image from 'next/image';
-import { useRouter } from 'next/navigation';
 import GraphqlPagination from '@/app/[locale]/dashboard/components/GraphqlPagination/graphqlPagination';
 import { fetchDatasets } from '@/fetch';
 import { graphql } from '@/gql';
 import { useQuery } from '@tanstack/react-query';
+import Image from 'next/image';
+import { useRouter } from 'next/navigation';
 import { Pill, SearchInput, Select, Text } from 'opub-ui';
+import { useEffect, useReducer, useState } from 'react';
 
-import { GraphQL } from '@/lib/api';
 import BreadCrumbs from '@/components/BreadCrumbs';
+import { ErrorPage } from '@/components/error';
 import { Loading } from '@/components/loading';
+import { GraphQL } from '@/lib/api';
 import Card from '../../datasets/components/Card';
 import Filter from '../../datasets/components/FIlter/Filter';
 
@@ -247,9 +248,7 @@ const CategoryDetailsPage = ({ params }: { params: { categorySlug: any } }) => {
       />
 
       {getCategoryDetails.isError ? (
-        <div className="text font-Medium flex h-[680px] w-full flex-col items-center justify-center gap-4 text-600">
-          Error fetching data. Please try again later.
-        </div>
+        <ErrorPage />
       ) : getCategoryDetails.isLoading ? (
         <Loading />
       ) : (