Enhance/several dokan admin panel responsive and css issues (#2501)

* [add] [design] hamburger menu

* chore : dokan settings with MobileSettingsList drawer

* update: search box design

* fix: duplicate media query

* update: admin notice responsive css

* update: notice overflow scroll to auto

* update: enable menubar from tab version

* update: css of menu toggle & align icon

* update: z-index & menu btn design

* update: bg color of notice & captcha v3

* update: admin notice z-index

* update: z-index based on mobile menu open

* update: menubar for small laptop

* update: squash merge with develop

* update: with of tab-wrapper

* update: white-space normal tab of menu

src/admin/pages/Settings.vue

@@ -14,7 +14,7 @@
 
             <div class="dokan-settings-wrap " ref='settingsWrapper'>
                 <div class='flex d-xs:flex-col lg:flex-row w-full'>
-                    <div class="nav-tab-wrapper d-xs:!pb-5 d-xs:!pt-5 px-4 py-2 lg:overflow-hidden d-xs:w-full z-[500] lg:w-[340px]">
+                    <div class="nav-tab-wrapper d-xs:!pb-5 d-xs:!pt-5 px-4 py-2 lg:overflow-hidden d-xs:w-full z-[500] w-[250px] flex-1 lg:w-[340px]">
                         <div class="nab-section block">
                             <div class="flex gap-4 items-center">
                                 <!-- Mobile menu toggle button -->
@@ -838,6 +838,7 @@
                 font-weight: bold;
                 border-bottom: 1px solid #e9e9ea;
                 transition-property: none;
+                white-space: normal;
 
                 img {
                     width: 20px;