[FE] Manage Bookable Spaces Tab (#355)

<!--
  Thanks for contributing!

Provide a description of your changes below and a general summary in the
title

Please look at the following checklist to ensure that your PR can be
accepted quickly:
-->

## Jira Ticket
[SP-1693](https://syncrow.atlassian.net/browse/SP-1693)
[SP-1694](https://syncrow.atlassian.net/browse/SP-1694)

## Description

all about unbookable spaces is Ready

## Type of Change

<!--- Put an `x` in all the boxes that apply: -->

- [x] ✨ New feature (non-breaking change which adds functionality)
- [ ] 🛠️ Bug fix (non-breaking change which fixes an issue)
- [ ] ❌ Breaking change (fix or feature that would cause existing
functionality to change)
- [ ] 🧹 Code refactor
- [ ] ✅ Build configuration change
- [ ] 📝 Documentation
- [ ] 🗑️ Chore 


[SP-1693]:
https://syncrow.atlassian.net/browse/SP-1693?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
[SP-1694]:
https://syncrow.atlassian.net/browse/SP-1694?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

lib/utils/color_manager.dart

@@ -38,6 +38,7 @@ abstract class ColorsManager {
   static const Color lightGrayColor = Color(0xB2999999);
   static const Color grayBorder = Color(0xFFCFCFCF);
   static const Color textGray = Color(0xffD5D5D5);
+  static const Color titleGray = Color(0xB2999999);
   static const Color btnColor = Color(0xFF00008B);
   static const Color blueColor = Color(0xFF0036E6);
   static const Color boxColor = Color(0xFFF5F6F7);
@@ -64,6 +65,7 @@ abstract class ColorsManager {
   static const Color circleRolesBackground = Color(0xFFF8F8F8);
   static const Color activeGreen = Color(0xFF99FF93);
   static const Color activeGreenText = Color(0xFF008905);
+  static const Color trueIconGreen = Color(0xFFBBEC6C);
   static const Color disabledPink = Color(0xFFFF9395);
   static const Color disabledRedText = Color(0xFF890002);
   static const Color invitedOrange = Color(0xFFFFE193);
@@ -86,4 +88,9 @@ abstract class ColorsManager {
   static const Color grey50 = Color(0xFF718096);
   static const Color red100 = Color(0xFFFE0202);
   static const Color grey800 = Color(0xffF8F8F8);
+  static const Color shadowOfSearchTextfield = Color(0x26000000);
+  static const Color hintTextGrey = Colors.grey;
+  static const Color shadowOfDetailsContainer = Color(0x40000000);
+  static const Color checkBoxBorderGray = Color(0xffD0D0D0);
+  static const Color timePickerColor = Color(0xff000000);
 }

lib/utils/constants/api_const.dart

@@ -141,6 +141,12 @@ abstract class ApiEndpoints {
       '/projects/{projectUuid}/communities/{communityUuid}/spaces/{spaceUuid}/subspaces/{subSpaceUuid}/devices/{deviceUuid}';
   static const String saveSchedule = '/schedule/{deviceUuid}';
 
-  static const String getBookableSpaces = '/bookable-spaces';
-  static const String getBookings = '/bookings?month={mm}-{yyyy}&space={space}';
+
+
+  ////booking System
+  static const String bookableSpaces = '/bookable-spaces';
+  static const String getCalendarEvents = '/api';
+  static const String getBookings =
+      '/bookings?month={mm}%2F{yyyy}&space={space}';
+
 }

lib/utils/constants/assets.dart

@@ -18,6 +18,9 @@ class Assets {
       'assets/images/Password_invisible.svg';
   static const String visiblePassword = 'assets/images/password_visible.svg';
   static const String accessIcon = 'assets/images/access_icon.svg';
+  static const String addButtonIcon = 'assets/icons/add_button_Icon.svg';
+  static const String backButtonIcon = 'assets/icons/back_button_icon.svg';
+  static const String emptyDataTable = 'assets/icons/no_data_table.svg';
   static const String spaseManagementIcon =
       'assets/images/spase_management_icon.svg';
   static const String devicesIcon = 'assets/images/devices_icon.svg';
@@ -205,6 +208,7 @@ class Assets {
 
   //assets/icons/ac_lock.svg
   static const String acLock = 'assets/icons/ac_lock.svg';
+  static const String clockIcon = 'assets/icons/clock_icon.svg';
 
   //assets/icons/ac_schedule.svg
   static const String acSchedule = 'assets/icons/ac_schedule.svg';

lib/utils/string_utils.dart

@@ -1,6 +1,21 @@
+import 'package:flutter/material.dart';
+
 class StringUtils {
   static String capitalizeFirstLetter(String text) {
     if (text.isEmpty) return text;
     return text[0].toUpperCase() + text.substring(1);
   }
 }
+
+bool isEndTimeAfterStartTime(TimeOfDay start, TimeOfDay end) {
+  final startMinutes = start.hour * 60 + start.minute;
+  final endMinutes = end.hour * 60 + end.minute;
+
+  return endMinutes <= startMinutes;
+}
+
+String formatTimeOfDayTo24HourString(TimeOfDay time) {
+  final hour = time.hour.toString().padLeft(2, '0');
+  final minute = time.minute.toString().padLeft(2, '0');
+  return '$hour:$minute';
+}