Refactor navigation components for improved layout and functionality

- Updated UserMenu.vue to enhance button styling and spacing for a more modern look.
- Simplified CartFAB.vue to always show the cart button when items are present, regardless of the route.
- Adjusted AppHeader.vue for better alignment of elements.
- Enhanced AreaTabs.vue to enable the educator tab and improve badge styling.
- Refined BottomNav.vue to handle cart visibility and navigation more effectively.

These changes aim to enhance user navigation and overall experience within the application.

app/pages/experimenta/index.vue

@@ -51,7 +51,7 @@ const getDiscount = (category: string): number | undefined => {
 
 <template>
   <NuxtLayout name="default">
-    <div class="min-h-screen bg-gradient-primary px-4 py-12 md:px-6 lg:px-8">
+    <div class="min-h-screen px-4 py-12 md:px-6 lg:px-8">
       <!-- Page Header -->
       <div class="mx-auto mb-12 max-w-container-wide text-center">
         <h1 class="mb-4 text-4xl font-bold text-white md:text-5xl">