all tabs page dashboard and responsive

app/globals.css

@@ -266,7 +266,8 @@ html {
 
 /* Hidden Scroll */
 
-.MuiPaper-root {
+.MuiPaper-root,
+.MuiTableContainer-root {
     box-shadow: 0px 0px 18px 0px rgba(187, 187, 187, 0.25) !important;
     border-radius: 4px !important;
     border: 1px solid var(--colors-gray-50, #EFEFEF) !important;
@@ -274,12 +275,14 @@ html {
 }
 
 .hidden-scroll::-webkit-scrollbar-thumb,
-.MuiTabs-scroller::-webkit-scrollbar-thumb {
+.MuiTabs-scroller::-webkit-scrollbar-thumb,
+.MuiTableContainer-root::-webkit-scrollbar-thumb {
     background: transparent;
 }
 
 .hidden-scroll::-webkit-scrollbar,
-.MuiTabs-scroller::-webkit-scrollbar {
+.MuiTabs-scroller::-webkit-scrollbar,
+.MuiTableContainer-root::-webkit-scrollbar {
     height: 0;
 }
 
@@ -292,6 +295,11 @@ html {
     animation: rotate 1s;
 }
 
+.table-shadow-none {
+    box-shadow: none !important;
+    border-radius: 12px !important;
+}
+
 @keyframes rotate {
     from {
         rotate: 90;