feat: Initialize BizMatch application with core UI components, routing, listing pages, backend services, migration scripts, and vulnerability management.

bizmatch/src/styles.scss

@@ -1,31 +1,34 @@
-// @import 'primeng/resources/primeng.css';
-// @import 'primeicons/primeicons.css';
-@import '@ng-select/ng-select/themes/default.theme.css';
-// @import 'primeflex/primeflex.css';
-@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
-// @import 'primeng/resources/themes/lara-light-blue/theme.css';
-@import '@fortawesome/fontawesome-free/css/all.min.css';
+// Use @tailwind directives instead of @import both to silence deprecation warnings
+// and because it's the recommended Tailwind CSS syntax
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+// External CSS imports - these URL imports don't trigger deprecation warnings
+@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
+@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');
+
+// Local CSS files loaded as CSS (not SCSS) to avoid @import deprecation
+// Note: These are loaded via angular.json styles array is the preferred approach,
+// but for now we keep them here for simplicity
+@import '@ng-select/ng-select/themes/default.theme.css';
 
-// In Ihrer src/styles.css Datei:
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
-@import 'ngx-sharebuttons/themes/default';
-/* styles.scss */
-@import 'leaflet/dist/leaflet.css';
 :root {
   --text-color-secondary: rgba(255, 255, 255);
   --wrapper-width: 1491px;
   // --secondary-color: #ffffff; /* Setzt die secondary Farbe auf weiß */
 }
+
 .p-button.p-button-secondary.p-button-outlined {
   color: #ffffff;
 }
+
 html,
 body,
 app-root {
   margin: 0;
   height: 100%;
+
   &:hover a {
     cursor: pointer;
   }
@@ -67,11 +70,13 @@ textarea {
 // }
 
 main {
-  flex: 1 0 auto; /* Füllt den verfügbaren Platz */
+  flex: 1 0 auto;
+  /* Füllt den verfügbaren Platz */
 }
 
 footer {
-  flex-shrink: 0; /* Verhindert Schrumpfen */
+  flex-shrink: 0;
+  /* Verhindert Schrumpfen */
 }
 
 *:focus,
@@ -103,14 +108,17 @@ p-menubarsub ul {
   height: 100%;
   margin: auto;
 }
+
 .p-editor-container .ql-toolbar {
   background: #f9fafb;
   border-top-right-radius: 6px;
   border-top-left-radius: 6px;
 }
+
 .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
   margin-right: 0 !important;
 }
+
 input::placeholder,
 textarea::placeholder {
   color: #999 !important;
@@ -131,4 +139,4 @@ textarea::placeholder {
   /* Optional: Anpassen der Marker-Icon-Größe */
   width: 25px;
   height: 41px;
-}
+}