Refactor CartFAB and CartSidebar components for improved UI and functionality

- Simplified Transition component structure in CartFAB.vue for better readability.
- Enhanced FAB button size and adjusted ShoppingCart icon scale for improved visibility.
- Updated Badge component styling for better alignment and visual appeal.
- Modified CartSidebar.vue to adjust empty state layout, improving user experience when the cart is empty.

These changes aim to enhance the overall user interface and interaction within the shopping cart components.

app/components/Cart/CartSidebar.vue

@@ -42,7 +42,7 @@ function handleCheckout() {
       </SheetHeader>
 
       <!-- Empty State -->
-      <div v-if="itemCount === 0" class="flex-1 flex items-center justify-center px-6">
+      <div v-if="itemCount === 0" class="flex-1 flex items-start justify-center px-6 pt-8">
         <CartEmpty />
       </div>