Redesign orders/cart/search flows and fix RTL/auth edge cases in user-app

- Fix silent redirect-to-home for unauthenticated users on protected routes;
  now redirects to login with a return path
- Restyle OrderCard, SearchInput, Filters, DropDown, and product card image
  sizing/centering to match the app's LESS-token design language
- Fix ant-design Slider handle placement/drag under RTL and seed a valid
  default range so handles actually render
- Fix chip-row edge padding and top spacing across Orders/Cart/Search lists
- Add pull-to-refresh to the dashboard and fix its header/padding to match
  the fixed PageBar pattern
- Remove the floating WhatsApp button from index.html

apps/user-app/src/components/ui/DropDown.vue

@@ -1,14 +1,20 @@
-<!-- Ported from legacy henza_pwa/src/components/dropDown.vue -->
+<!--
+  Ported from legacy henza_pwa/src/components/dropDown.vue, restyled into the
+  redesigned design language (see components/home/* and HomeView) — previously
+  raw Tailwind utility classes with legacy tokens (text-primary,
+  border-lightGray/20), the one accordion in the app that didn't match the
+  LESS-token look every other surface uses.
+-->
 <template>
-  <div :class="`rounded-[5px] border border-solid text-primary px-[15px] py-[15px] ${show ? 'border-secondary' : 'border-lightGray/20'}`">
-    <div class="flex w-full justify-between cursor-pointer" @click="show = !show">
-      <h5 class="flex-1 m-0">
+  <div class="dd" :class="{ 'is-open': show }">
+    <button type="button" class="dd__head" @click="show = !show">
+      <h3 class="dd__title">
         <slot name="text">{{ text }}</slot>
-      </h5>
-      <Icon icon="vuesax-linear:arrow-down" :class="`transition-all duration-200 ease-linear ${show ? 'rotate-180' : undefined}`" size="25" />
-    </div>
+      </h3>
+      <Icon icon="vuesax-linear:arrow-down" class="dd__chevron" size="18" />
+    </button>
     <transition name="drop" mode="out-in" appear>
-      <div class="w-full" style="overflow: hidden" v-if="show">
+      <div class="dd__body" v-if="show">
         <slot />
       </div>
     </transition>
@@ -23,6 +29,56 @@ withDefaults(defineProps<{ text?: string }>(), {})
 const show = ref(false)
 </script>
 
+<style scoped lang="less">
+.dd {
+  padding: 15px;
+  border: 1px solid @hairline;
+  border-radius: 16px;
+  background: @canvas;
+}
+
+.dd.is-open {
+  border-color: @wineSoft;
+}
+
+.dd__head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  border: 0;
+  padding: 0;
+  cursor: pointer;
+  background: none;
+  font-family: inherit;
+  text-align: start;
+}
+
+.dd__title {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 700;
+  color: @ink;
+}
+
+.dd__chevron {
+  flex: 0 0 auto;
+  color: @inkFaint;
+  transition: transform 0.2s ease;
+}
+
+.dd.is-open .dd__chevron {
+  transform: rotate(180deg);
+  color: @wine;
+}
+
+.dd__body {
+  overflow: hidden;
+  padding-top: 15px;
+}
+</style>
+
 <style lang="less">
 .drop-enter-active {
   animation: drop 0.2s cubic-bezier(0.33, 1, 0.68, 1);
@@ -35,7 +91,7 @@ const show = ref(false)
     max-height: 0;
   }
   100% {
-    max-height: 120px;
+    max-height: 240px;
   }
 }
 </style>