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/products/[id].vue

@@ -97,7 +97,7 @@ const handleAddToCart = async () => {
 
 <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">
       <!-- Back Button -->
       <div class="mx-auto mb-8 max-w-container-narrow">
         <NuxtLink to="/products"