Consolidate and modernize SCSS into global styles

Move component-level styles into src/styles.scss and remove duplicated rules from several component SCSS files (app, topbar, about, algorithms, sorting, imprint, project dialog, projects, babylon-canvas). The global stylesheet now centralizes layout and typography (clamp-based sizing), sorting visualization & canvas rules, topbar/menu overrides, project/swiper styles, and shared utilities. This reduces duplication, improves responsiveness, and simplifies stylesheet management.

src/app/shared/rendering/canvas/babylon-canvas.component.scss

@@ -1,27 +0,0 @@
-.canvas-container {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-
-  max-width: 1000px;
-  max-height: 1000px;
-  margin: 0 auto;
-}
-
-canvas {
-  display: block;
-  width: 100%;
-  height: 100%;
-  aspect-ratio: 1 / 1;
-
-  min-width: 200px;
-  min-height: 200px;
-  max-width: 1000px;
-  max-height: 1000px;
-
-  touch-action: none;
-  border: none;
-  border-radius: 20px;
-  outline: none;
-}