feat: implement new filtering options in DataTable component for enhanced user experience

src/app/dashboard/page.tsx

@@ -118,23 +118,6 @@ export default function Dashboard() {
   return (
     <div className="container max-w-screen-xl">
       <Loader isSuccess={!isLoadingSession && !isLoadingProjects} />{" "}
-      <div className="md:hidden">
-        <Image
-          src="/examples/dashboard-light.png"
-          width={1280}
-          height={866}
-          alt="Dashboard"
-          className="block dark:hidden"
-        />
-        <Image
-          src="/examples/dashboard-dark.png"
-          width={1280}
-          height={866}
-          alt="Dashboard"
-          className="hidden dark:block"
-        />
-      </div>
-      <div className="hidden flex-col md:flex">
       <div className="flex-1 space-y-4 p-8 pt-6">
         <div className="flex items-center justify-between space-y-2">
           <h2 className="text-3xl font-bold tracking-tight">Business Dashboard</h2>
@@ -280,7 +263,7 @@ export default function Dashboard() {
                       </CardContent>
                     </Tabs>
                   </Card>
-                    <Card className="col-span-3">
+                  <Card className="col-span-3  w-full">
                     <CardHeader>
                       <CardTitle>Recent Funds</CardTitle>
                     </CardHeader>
@@ -322,6 +305,5 @@ export default function Dashboard() {
         )}
       </div>
     </div>
-    </div>
   );
 }