feat: fixed layout by using flex

[web-mi]

Fixes #

Proposed Changes

[vi-sudo]

Task linked: OB-5203 Fehler auf Staging

[what-the-diff]

PR Summary

• UI Adjustments and Code Refactoring
  Several changes were made in different files, mostly concerning CSS classes, to improve our application's layout, style and overall look. This involved removing unnecessary properties, adjusting existing ones, and implementing new styles when necessary.

• Navigation Bar Update
  We improved the code structure in the NavigationBar.tsx file, implemented newly imported components for better efficiency, and also added a new feature that shows an indicator for unread messages. All these contribute to enhance our product's navigation user experience.

• Implemented Route-Based Component Render
  The Routing.tsx file now contains logic that ensures different components are displayed based on the current route path helping us control user flow and enhance usability.

• Optimizations to Navigation Handler
  This file was optimized significantly; several functions have been removed due to redundancy while others were updated to perform more efficiently and handle possible null cases.

• Revamped Interaction with Several Views and Components
  Refactoring changes were made across different views and components like Appointments.tsx, Banner.tsx, WriteEnquiry.tsx and more. The aim was to remove redundant code, update class changes and streamline interactions.

• Scrollable Section Update
  There were many changes in the ScrollableSection.tsx and the associated scrollableSection.styles.scss files. The goal was to enhance performance, improve scalability and remove code redundancy.

• Session Style Changes
  There were changes in the session.styles.scss file that allowed for optimized positioning and display of different elements, contributing to a better user interface.

• Group Chat Header Update
  Unnecessary checks to determine whether a chat is active or not were removed in GroupChatHeader/index.tsx resulting in smoother group chat interactions.

• Inefficient Code Removal
  ToolsList.tsx file along with several other .tsx files had useEffect hook and unnecessary imports removed. This improved performance through efficient memory usage, and code scalability by reducing redundancy.

• UserDataProvider Updates
  Certain unnecessary properties and imports were removed from UserDataProvider.tsx to ensure that the user data is handled more efficiently, simplifying our codebase and enhancing our application's speed.

• New CSS Class Addition
  A new CSS class app__container was added in the app.html file. This was done to provide more flexibility when dealing with the structure and content of our application and enhance the UI/UX.

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication