fix(frontend): shift shadow scale to preserve v2 visual sizes

- shadow-lg → shadow-md
- shadow-md → shadow
- shadow-sm → shadow-xs
- shadow (bare) → shadow-sm
- drop-shadow-md → drop-shadow

Author: dimitrieh

frontend/src/components/DropdownMenu.vue

@@ -15,7 +15,7 @@
             leave-from-class="transform scale-100 opacity-100"
             leave-to-class="transform scale-95 opacity-0"
         >
-            <MenuItems :class="[edge === 'left' ? 'left-0 origin-top-left' : 'right-0 origin-top-right','z-50 absolute w-56 mt-1 bg-white divide-y divide-gray-100 rounded-sm overflow-hidden shadow-lg ring-1 ring-black/10 focus:outline-hidden']">
+            <MenuItems :class="[edge === 'left' ? 'left-0 origin-top-left' : 'right-0 origin-top-right','z-50 absolute w-56 mt-1 bg-white divide-y divide-gray-100 rounded-sm overflow-hidden shadow-md ring-1 ring-black/10 focus:outline-hidden']">
                 <div class="apx-1 apy-1">
                     <MenuItem v-for="(item, $index) in options" v-slot="{ active }" :key="$index" :disabled="!item || item.disabled == true ? true : false">
                         <template v-if="item == null">

frontend/src/index.css

@@ -16,7 +16,7 @@
 @layer base {
     /* .forge-block {
         @apply bg-white;
-        @apply shadow;
+        @apply shadow-sm;
         @apply rounded-sm;
         @apply mx-2;
         @apply sm:mx-4;

frontend/src/pages/application/Snapshots/components/cells/SnapshotName.vue

@@ -10,7 +10,7 @@
                         Description
                     </summary>
                     <div
-                        class="whitespace-pre-line absolute border drop-shadow-md rounded-sm bg-white p-2 z-10"
+                        class="whitespace-pre-line absolute border drop-shadow rounded-sm bg-white p-2 z-10"
                         style="max-width: 300px;"
                     >
                         {{ description }}

frontend/src/pages/team/Brokers/Hierarchy/components/suggestions/TopicSuggestion.vue

@@ -93,7 +93,7 @@ export default {
                             }
                         },
                         template: `
-                            <div class="p-4 border border-indigo-100 bg-indigo-50 rounded shadow-sm overflow-auto text-indigo-600" style="max-height: 70vh;">
+                            <div class="p-4 border border-indigo-100 bg-indigo-50 rounded shadow-xs overflow-auto text-indigo-600" style="max-height: 70vh;">
                                 <object-properties :properties="properties"/>
                             </div>`
                     })

frontend/src/ui-components/components/Popover.vue

@@ -18,7 +18,7 @@
             <PopoverPanel
                 v-if="open"
                 v-slot="{ close }"
-                class="absolute w-full overflow-auto bg-white  border border-gray-200 rounded shadow-md z-[200]"
+                class="absolute w-full overflow-auto bg-white  border border-gray-200 rounded shadow z-[200]"
                 :style="{
                     top: position.top + 10 + 'px',
                     left: position.left + 'px',

frontend/src/ui-components/components/tabs/Tabs.vue

@@ -5,7 +5,7 @@
                 <ChevronLeftIcon class="ff-icon" />
                 <ChevronLeftIcon class="ff-icon ff-icon-second" />
             </MenuButton>
-            <MenuItems class="z-50 absolute left-0 top-full origin-top-left mt-1 max-h-96 overflow-y-auto bg-white divide-y divide-gray-100 rounded-sm shadow-lg ring-1 ring-black/10 focus:outline-hidden" style="max-width: min(14rem, calc(100vw - 1rem)); width: 14rem;">
+            <MenuItems class="z-50 absolute left-0 top-full origin-top-left mt-1 max-h-96 overflow-y-auto bg-white divide-y divide-gray-100 rounded-sm shadow-md ring-1 ring-black/10 focus:outline-hidden" style="max-width: min(14rem, calc(100vw - 1rem)); width: 14rem;">
                 <MenuItem
                     v-for="tab in hiddenLeftTabs"
                     :key="'left-' + tab.label"
@@ -54,7 +54,7 @@
                 <ChevronRightIcon class="ff-icon ff-icon-second" />
             </MenuButton>
             <Teleport to="body">
-                <MenuItems class="z-50 fixed origin-top-left max-h-96 overflow-y-auto bg-white divide-y divide-gray-100 rounded-sm shadow-lg ring-1 ring-black/10 focus:outline-hidden" :style="rightMenuStyle">
+                <MenuItems class="z-50 fixed origin-top-left max-h-96 overflow-y-auto bg-white divide-y divide-gray-100 rounded-sm shadow-md ring-1 ring-black/10 focus:outline-hidden" :style="rightMenuStyle">
                     <MenuItem
                         v-for="tab in hiddenRightTabs"
                         :key="'right-' + tab.label"