fix web bug and navigations

lib/views/detail/pages/detail_tablet_page.dart

@@ -1,14 +1,16 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_svg/flutter_svg.dart';
+import 'package:go_router/go_router.dart';
 import 'package:provider/provider.dart';
 import 'package:tm_app/core/constants/assets.dart';
-import 'package:tm_app/core/constants/strings.dart';
 import 'package:tm_app/core/theme/colors.dart';
 import 'package:tm_app/core/utils/size_config.dart';
+import 'package:tm_app/view_models/home_view_model.dart';
 import 'package:tm_app/view_models/tender_detail_view_model.dart';
 import 'package:tm_app/views/detail/widgets/tender_detail_action.dart';
 import 'package:tm_app/views/detail/widgets/tender_detail_card.dart';
 import 'package:tm_app/views/detail/widgets/tender_detail_header.dart';
+import 'package:tm_app/views/shared/tablet_navigation_widget.dart';
 
 class TenderDetailTabletPage extends StatefulWidget {
   final String tenderId;
@@ -74,9 +76,54 @@ class _TenderDetailTabletPageState extends State<TenderDetailTabletPage> {
 
   @override
   Widget build(BuildContext context) {
+    final GlobalKey<ScaffoldState> key = GlobalKey();
     return Scaffold(
+      key: key,
       backgroundColor: AppColors.backgroundColor,
-      appBar: _buildAppBar(context),
+      appBar: PreferredSize(
+        preferredSize: const Size.fromHeight(64),
+        child: AppBar(
+          backgroundColor: AppColors.backgroundColor,
+          elevation: 0,
+          titleSpacing: 0,
+          leading: Padding(
+            padding: EdgeInsetsDirectional.only(start: 24.0.w()),
+            child: SvgPicture.asset(AssetsManager.logoSmall),
+          ),
+          actions: [
+            IconButton(
+              icon: Padding(
+                padding: EdgeInsetsDirectional.only(end: 24.0.w()),
+                child: SvgPicture.asset(
+                  AssetsManager.menu,
+                  height: 32.0.w(),
+                  width: 32.0.w(),
+                ),
+              ),
+              onPressed: () => key.currentState!.openDrawer(),
+            ),
+          ],
+        ),
+      ),
+      drawer: TabletNavigationWidget(
+        currentIndex: 1, // Home is index 0
+        onTabChanged: (index) {
+          // Handle navigation to other tabs
+          switch (index) {
+            case 0:
+              Router.neglect(context, () => context.go('/home'));
+              context.read<HomeViewModel>().init();
+              break;
+            case 1:
+              break;
+            case 2:
+              // Navigate to profile
+              context.pop();
+              Router.neglect(context, () => context.go('/profile'));
+              break;
+          }
+        },
+      ),
       body: Consumer<TenderDetailViewModel>(
         builder: (context, tenderViewModel, child) {
           if (tenderViewModel.isLoading) {
@@ -118,31 +165,4 @@ class _TenderDetailTabletPageState extends State<TenderDetailTabletPage> {
       ),
     );
   }
-
-  PreferredSizeWidget _buildAppBar(BuildContext context) {
-    return PreferredSize(
-      preferredSize: const Size.fromHeight(60),
-      child: AppBar(
-        backgroundColor: AppColors.backgroundColor,
-        elevation: 0,
-        titleSpacing: 0,
-        leading: IconButton(
-          icon: SvgPicture.asset(
-            AssetsManager.arrowLeft,
-            height: 24.0.w(),
-            width: 24.0.w(),
-          ),
-          onPressed: () => Navigator.pop(context),
-        ),
-        title: Text(
-          AppStrings.tenderDetailTitle,
-          style: TextStyle(
-            color: AppColors.grey70,
-            fontWeight: FontWeight.w600,
-            fontSize: 20.0.sp(),
-          ),
-        ),
-      ),
-    );
-  }
 }