Add breadcrumb navigation

apps/client/src/app/pages/blog/2021/07/hallo-ghostfolio/hallo-ghostfolio-page.html

@@ -197,6 +197,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Hallo Ghostfolio
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2021/07/hello-ghostfolio/hello-ghostfolio-page.html

@@ -177,6 +177,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Hello Ghostfolio
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2022/01/first-months-in-open-source/first-months-in-open-source-page.html

@@ -174,6 +174,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Ghostfolio: First months in Open Source
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2022/07/ghostfolio-meets-internet-identity/ghostfolio-meets-internet-identity-page.html

@@ -177,6 +177,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Ghostfolio meets Internet Identity
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2022/07/how-do-i-get-my-finances-in-order/how-do-i-get-my-finances-in-order-page.html

@@ -203,6 +203,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              How do I get my finances in order?
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2022/08/500-stars-on-github/500-stars-on-github-page.html

@@ -186,6 +186,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              500 Stars on GitHub
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2022/10/hacktoberfest-2022/hacktoberfest-2022-page.html

@@ -172,6 +172,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Hacktoberfest 2022
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2022/11/black-friday-2022/black-friday-2022-page.html

@@ -132,6 +132,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Black Friday 2022
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2022/12/the-importance-of-tracking-your-personal-finances/the-importance-of-tracking-your-personal-finances-page.html

@@ -162,6 +162,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              The importance of tracking your personal finances
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2023/01/ghostfolio-auf-sackgeld-vorgestellt/ghostfolio-auf-sackgeld-vorgestellt-page.html

@@ -172,6 +172,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Ghostfolio auf Sackgeld.com vorgestellt
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>

apps/client/src/app/pages/blog/2023/02/ghostfolio-meets-umbrel/ghostfolio-meets-umbrel-page.html

@@ -194,6 +194,16 @@
             </li>
           </ul>
         </section>
+        <nav aria-label="breadcrumb">
+          <ol class="breadcrumb">
+            <li class="breadcrumb-item">
+              <a i18n [routerLink]="['/blog']">Blog</a>
+            </li>
+            <li aria-current="page" class="breadcrumb-item active">
+              Ghostfolio meets Umbrel
+            </li>
+          </ol>
+        </nav>
       </article>
     </div>
   </div>