Bump deps and refactor layouts/styles

Update package-lock with multiple dependency bumps (Angular CLI/DevKit/schematics to 21.1.5, ajv to 8.18.0, minimatch/brace-expansion updates, tar, qs, swiper, hono, etc.). Wrap the generic grid canvas in a container and clean up HTML structure/indentation in algorithms and pathfinding templates (add card-grid wrapper and reformat content). Adjust global styles: refine .algo-container and app-root margins/gaps, and refactor hero/photo/intro styles for responsive layout. Changes are primarily dependency updates and UI/layout refinements.

src/styles.scss

@@ -230,10 +230,11 @@ a {
 // algos
 
 .algo-container {
-  width: 100%;
   max-width: var(--app-maxWidth);
-  margin: 0 auto;
-  padding: clamp(1rem, 4vw, 2rem);
+  gap: clamp(1rem, 3vw, 1.5rem);
+  margin-right: 1rem;
+  margin-left: 0.5rem;
+  margin-top: auto;
 }
 
 .algo-info {
@@ -473,7 +474,9 @@ app-root {
   display: grid;
   gap: clamp(1rem, 3vw, 1.5rem);
   max-width: var(--app-maxWidth);
-  margin: 0 auto;
+  margin-right: 1rem;
+  margin-left: 1rem;
+  margin-top: auto;
 }
 
 .hero {
@@ -488,40 +491,26 @@ app-root {
   gap: clamp(1rem, 4vw, 2rem);
   padding: clamp(1rem, 3vw, 1.5rem);
   align-items: flex-start;
-}
 
-.hero .photo {
-  flex: 0 0 auto;
-  max-width: 100%;
-}
-
-.hero .photo img {
-  display: block;
-  width: 100%;
-  height: auto;
-  max-width: 425px;
-  border-radius: 12px;
-  box-shadow: 0 6px 24px rgba(0, 0, 0, .25);
-  object-fit: cover;
-}
-
-.hero .intro {
-  flex: 1 1 400px;
-}
-
-@media (max-width: 850px) {
-  .hero-flex-container {
-    justify-content: center;
-  }
-
-  .hero .photo {
-    width: 100%;
+  .photo {
+    flex: 1 1 min(100%, 425px);
+    max-width: 100%;
     display: flex;
     justify-content: center;
+
+    img {
+      display: block;
+      width: 100%;
+      height: auto;
+      max-width: 425px;
+      border-radius: 12px;
+      box-shadow: 0 6px 24px rgba(0, 0, 0, .25);
+      object-fit: cover;
+    }
   }
 
-  .hero .intro {
-    flex-basis: 100%;
+  .intro {
+    flex: 999 1 min(100%, 400px);
   }
 }