AppBar and Header components

lib/main.dart

@@ -3,6 +3,7 @@ import 'dart:js_interop' as js;
 import 'dart:js_interop_unsafe' as js_util;
 
 import 'package:flutter/material.dart';
+import 'package:gymlink_module_web/components/app_bar.dart';
 import 'package:gymlink_module_web/components/card.dart';
 import 'package:gymlink_module_web/pages/basket.dart';
 import 'package:gymlink_module_web/pages/detail.dart';
@@ -122,29 +123,7 @@ class _MainPageState extends State<MainPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: widget.isLoading
-          ? null
-          : AppBar(
-              backgroundColor: Colors.white,
-              elevation: 0,
-              title: Row(
-                mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                children: [
-                  Padding(
-                    padding: const EdgeInsets.only(right: 8),
-                    child: Image.asset('logo.png', width: 24, height: 24),
-                  ),
-                  Align(
-                    alignment: Alignment.centerRight,
-                    child: Text(
-                      'Powered by GymLink',
-                      style: Theme.of(context).textTheme.titleSmall,
-                    ),
-                  ),
-                ],
-              ),
-              toolbarHeight: 30,
-            ),
+      appBar: widget.isLoading ? null : const GymLinkAppBar(),
       body: widget.isLoading
           ? const Center(child: CircularProgressIndicator())
           : Column(