fix: page scrolling problem in desktop responsive mode

Author: MR-MKZ

dashboard/src/pages/_dashboard.bulk.tsx

@@ -68,7 +68,7 @@ const BulkPage = () => {
         <PageHeader {...getPageHeaderProps()} />
       </PageTransition>
       <div className="w-full">
-        <div className="scrollbar-hide flex overflow-x-auto border-b px-4">
+        <div className="scrollbar-hide flex lg:flex-wrap overflow-x-auto border-b px-4">
           {tabs.map(tab => (
             <button
               key={tab.id}

dashboard/src/pages/_dashboard.settings.tsx

@@ -210,7 +210,7 @@ export default function Settings() {
         <div className="relative w-full">
           <div className="flex border-b">
             <div className="w-full">
-              <div className="scrollbar-hide flex overflow-x-auto border-b px-4">
+              <div className="scrollbar-hide flex lg:flex-wrap overflow-x-auto border-b px-4">
                 {tabs.map(tab => {
                   const isActive = activeTab === tab.id
                   return (