updated the minor changes

src/app/(dashboard)/(admin)/AdminAnalytics.tsx

 "use client";
 
+import MoreIcon from '@/app/customIcons/MoreIcon';
 import { useGetAnalyticsQuery } from '@/services/dashboardApi';
 import { AnalyticsProps } from '@/types/dashboard';
 import { formatDateTime } from '@/utils/formatDateTime';
@@ -143,7 +144,8 @@ export default function AdminAnalytics() {
                                         }}
                                         onClick={() => handleToggle(index)}
                                     >
-                                        <More className="rotate-90" variant="TwoTone" />
+                                        {/* <More className="rotate-90" variant="TwoTone" /> */}
+                                        <MoreIcon />
                                     </IconButton>
                                     <Popper
                                         open={open}

src/app/customIcons/MoreIcon.tsx

+import React from 'react'
+
+export default function MoreIcon() {
+    return (
+        <svg width="3" height="13" viewBox="0 0 3 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M2.30114 11.0646C2.30114 11.38 2.18821 11.6506 1.96236 11.8764C1.73651 12.1023 1.46591 12.2152 1.15057 12.2152C0.835227 12.2152 0.564631 12.1023 0.338778 11.8764C0.112926 11.6506 0 11.38 0 11.0646C0 10.7493 0.112926 10.4787 0.338778 10.2528C0.564631 10.027 0.835227 9.91406 1.15057 9.91406C1.35938 9.91406 1.55114 9.96733 1.72585 10.0739C1.90057 10.1761 2.04119 10.3146 2.14773 10.4893C2.25 10.6598 2.30114 10.8516 2.30114 11.0646Z" fill="#0E0E11" />
+            <path d="M2.30114 6.1076C2.30114 6.42294 2.18821 6.69354 1.96236 6.91939C1.73651 7.14524 1.46591 7.25817 1.15057 7.25817C0.835227 7.25817 0.564631 7.14524 0.338778 6.91939C0.112926 6.69354 0 6.42294 0 6.1076C0 5.79226 0.112926 5.52166 0.338778 5.29581C0.564631 5.06996 0.835227 4.95703 1.15057 4.95703C1.35938 4.95703 1.55114 5.0103 1.72585 5.11683C1.90057 5.2191 2.04119 5.3576 2.14773 5.53232C2.25 5.70277 2.30114 5.89453 2.30114 6.1076Z" fill="#0E0E11" />
+            <path d="M2.30114 1.15057C2.30114 1.46591 2.18821 1.73651 1.96236 1.96236C1.73651 2.18821 1.46591 2.30114 1.15057 2.30114C0.835227 2.30114 0.564631 2.18821 0.338778 1.96236C0.112926 1.73651 0 1.46591 0 1.15057C0 0.835227 0.112926 0.564631 0.338778 0.338778C0.564631 0.112926 0.835227 0 1.15057 0C1.35938 0 1.55114 0.0532671 1.72585 0.159801C1.90057 0.262074 2.04119 0.400568 2.14773 0.575284C2.25 0.745739 2.30114 0.9375 2.30114 1.15057Z" fill="#0E0E11" />
+        </svg>
+
+    )
+}

src/app/globals.css

@@ -225,7 +225,7 @@
 
 .lg-backdrop,
 .lg-outer {
-	z-index: 9990;
+	z-index: 9990 !important;
 }
 
 .banner-desc span {

src/components/molecules/Action.tsx

+import MoreIcon from '@/app/customIcons/MoreIcon';
 import { Box, Button, ClickAwayListener, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Fade, IconButton, List, ListItem, Paper, Popper } from '@mui/material'
 import { More } from '@wandersonalwes/iconsax-react'
 import Link from 'next/link';
@@ -30,7 +31,13 @@ export default function ActionGroup({
                 ref={anchorRef}
                 onClick={handleToggle}
             >
-                <More className='rotate-90' variant="TwoTone" />
+                {/* <More className='rotate-90' variant="TwoTone" /> */}
+                {/* <div className="flex flex-col gap-1">
+                    <span className="bg-black w-1 h-1 rounded-full"></span>
+                    <span className="bg-black w-1 h-1 rounded-full"></span>
+                    <span className="bg-black w-1 h-1 rounded-full"></span>
+                </div> */}
+                <MoreIcon />
             </IconButton>
             <Popper
                 open={open}

src/components/molecules/TableHeader.tsx

-import { Button, IconButton, InputAdornment, OutlinedInput } from "@mui/material";
+import { Button, IconButton, InputAdornment, OutlinedInput, useMediaQuery } from "@mui/material";
 import SelectField from "../atom/SelectField";
 import { DocumentDownload, SearchNormal } from "@wandersonalwes/iconsax-react";
 
@@ -17,6 +17,7 @@ export default function TableHeader({
     setFilterMethod,
     onDownloadCSV,
 }: TableHeaderProps) {
+    const downMD = useMediaQuery((theme) => theme.breakpoints.down('md'));
     return (
         <div className="table__header p-4 mb-4 flex justify-between">
             <div className="inpute__field relative">
@@ -49,7 +50,7 @@ export default function TableHeader({
             </div> : ""}
             <Button
                 startIcon={
-                    <DocumentDownload size={16} />
+                    !downMD && <DocumentDownload size={16} />
                 }
                 onClick={onDownloadCSV} sx={{
                     borderRadius: "8px",
@@ -57,7 +58,7 @@ export default function TableHeader({
                     padding: "8px 16px",
                     color: "#0E0E11",
                     maxWidth: "fit-content",
-                }}>Download CSV</Button>
+                }}>{downMD ? <DocumentDownload size={16} /> : "Download CSV"}</Button>
         </div>
     );
 }

src/components/organism/Header/Notification.tsx

@@ -114,9 +114,9 @@ export default function NotificationPage({
                                                     notifications.map((notification, index) => {
                                                         const { date, time } = formatDateTime(notification.created_at);
                                                         return (
-                                                            <ListItem className={`border-b-solid border-b-gray-100 border-b-[1px] rounded-sm !p-2 cursor-pointer ${notification.has_read ? "" : "bg-gray-100"} ${index > 0 ? "mb-2 " : ""}`} key={notification.id} onClick={() => handleNotificationClick(notification.id)}>
-                                                                <p className='text-[12px] lg:text-[14px] leading-[120%] text-title line-clamp-2'>{notification.message}</p>
-                                                                <p className='!text-[8px] mt-1 lg:text-[12px] leading-[120%] text-para-light'>{date}</p>
+                                                            <ListItem className={`border-b-solid border-b-gray-100 border-b-[1px] rounded-sm !p-2 cursor-pointer mb-2 ${notification.has_read ? "" : "bg-gray-100"} ${index > 0 ? " " : ""}`} key={notification.id} onClick={() => handleNotificationClick(notification.id)}>
+                                                                <p className='text-[12px] lg:text-[12px] leading-[120%] text-title line-clamp-2'>{notification.message}</p>
+                                                                <p className='!text-[8px] mt-1 font-[500] lg:text-[12px] leading-[120%] text-para-light'>{date}</p>
                                                             </ListItem>
                                                         )
                                                     })

src/components/organism/Header/Profile.tsx

@@ -127,7 +127,7 @@ export default function ProfileBlock() {
                                 {user?.role || "User"}
                             </p>
                         </div>
-                        <ArrowDown2 size={14} className='hidden lg:block' />
+                        <ArrowDown2 size={14} className='text-primary hidden lg:block' />
                     </> : ""}
                 </div>
             </a>

src/components/pages/dashboard/adminDashboard/players/index.tsx

@@ -227,11 +227,13 @@ export default function PlayerListing() {
                     setSearch={setSearch}
                     onDownloadCSV={() => { }}
                 />
-                <TabController
-                    links={[{ label: "All", value: "" }, { label: "Subspended", value: "suspend" }]}
-                    currentTab={currentTab}
-                    onTabChange={handleTabChange}
-                />
+                <div className="px-4">
+                    <TabController
+                        links={[{ label: "All", value: "" }, { label: "Subspended", value: "suspend" }]}
+                        currentTab={currentTab}
+                        onTabChange={handleTabChange}
+                    />
+                </div>
                 <CustomTable
                     table={table}
                     loading={loadingPlayer}

src/components/pages/dashboard/adminDashboard/transaction/TransactionTable.tsx

@@ -51,14 +51,17 @@ export default function TransactionTable({ user_id, game_id, search, setSearch }
                     ) : null;
 
                 return (
-                    <button
+                    <p
                         onClick={() => column.toggleSorting()}
-                        className="flex items-center gap-1"
+                        className="flex items-center gap-1 cursor-pointer"
                     >
                         #ID {arrow}
-                    </button>
+                    </p>
                 );
             },
+            // cell:({row})=>(
+            //     <span className="text-center">{row.original.id}</span>
+            // )
         },
         {
             accessorKey: "name",