fix: convert SCSS absolute imports to relative paths for Vite compatibility

apps/react/src/styles/components/modules-components/flight-transition.component.layout.scss

@@ -1,6 +1,6 @@
-@use 'src/styles/screen';
-@use 'src/styles/variables' as vars;
-@use '/src/styles/grid-sizes' as gridSizes;
+@use '../../screen';
+@use '../../variables' as vars;
+@use '../../grid-sizes' as gridSizes;
 
 @mixin intermediateScreens() {
   @media (min-width: vars.$media-breakpoint-desktop-min) and (max-width: 1180px) {

apps/react/src/styles/components/modules-pages/flight-details-row-registrations.component.scss

@@ -1,5 +1,5 @@
-@use './src/styles/framework' as *;
-@use '/src/styles/grid-sizes' as gridSizes;
+@use '../../framework' as *;
+@use '../../grid-sizes' as gridSizes;
 
 :host {
     .registration {

apps/react/src/styles/index.scss

@@ -21,3 +21,11 @@
 @import './prime-styles';
 @import './prime-calendar';
 @import './leaflet-popup';
+
+// Import all component styles
+@import './components/index';
+
+// Import page-specific styles
+@import './pages/board/index';
+@import './pages/schedule/index';
+@import './pages/adaptive/layout-adaptive';