start with upcoming widget

lib/features/booking_system/presentation/screens/booking_system_page.dart

@@ -0,0 +1,57 @@
+import 'package:flutter/material.dart';
+import 'package:syncrow_app/features/app_layout/bloc/home_cubit.dart';
+import 'package:syncrow_app/features/shared_widgets/default_scaffold.dart';
+import 'package:syncrow_app/utils/helpers/app_size.dart';
+import 'package:syncrow_app/utils/resource_manager/color_manager.dart';
+
+import '../widgets/booking_appbar_widget.dart';
+import '../widgets/current_balance_widget.dart';
+
+class BookingSystemPage extends StatelessWidget {
+  const BookingSystemPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return DefaultScaffold(
+      appBar: BookingAppBar(),
+      child: Padding(
+        padding: EdgeInsets.symmetric(horizontal: 10),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            SizedBox(
+              height: 20,
+            ),
+            Expanded(
+              child: CurrentBalanceWidget(
+                userBalance: HomeCubit.user!.points == null
+                    ? '0'
+                    : HomeCubit.user!.points.toString(),
+              ),
+            ),
+            SizedBox(
+              height: 10,
+            ),
+            Expanded(
+              child: UpcomingBookingsWidget(),
+            ),
+            SizedBox(
+              height: 10,
+            ),
+            Expanded(child: Container()
+                //  PastBookingsWidget(),
+                ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+class UpcomingBookingsWidget extends StatelessWidget {
+  const UpcomingBookingsWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder();
+  }
+}