fix header links

Author: Chaosgh

src/components/Breadcrumbs.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useLocation, Link } from 'react-router-dom';
+import { useLocation } from 'react-router-dom';
 import styles from './Breadcrumbs.module.css';
 
 const Breadcrumbs = () => {
@@ -16,9 +16,9 @@ const Breadcrumbs = () => {
 
     return (
         <nav className={styles.breadcrumbs} aria-label="Breadcrumb">
-            <Link to="/" className={styles.crumb}>Wiki</Link>
+            <span className={styles.crumb}>Wiki</span>
             <span className={styles.sep}>›</span>
-            <Link to={`/wiki/${folder}`} className={styles.crumb}>{folderLabel}</Link>
+            <span className={styles.crumb}>{folderLabel}</span>
             <span className={styles.sep}>›</span>
             <span className={`${styles.crumb} ${styles.current}`}>{pageLabel}</span>
         </nav>

src/components/MarkdownViewer.jsx

@@ -28,17 +28,13 @@ function makeHeading(Tag) {
         return (
             <div className={styles.headingWrapper}>
                 <Tag id={slug} {...props}>{children}</Tag>
-                <a
+                <button
                     className={styles.anchorLink}
-                    href={`#${slug}`}
-                    aria-label="Link zu diesem Abschnitt"
-                    onClick={(e) => {
-                        e.preventDefault();
-                        document.getElementById(slug)?.scrollIntoView({ behavior: 'smooth' });
-                    }}
+                    aria-label="Zu diesem Abschnitt scrollen"
+                    onClick={() => document.getElementById(slug)?.scrollIntoView({ behavior: 'smooth' })}
                 >
                     <Hash size={14} />
-                </a>
+                </button>
             </div>
         );
     };

src/components/MarkdownViewer.module.css

@@ -189,7 +189,10 @@
     transition: opacity 0.12s ease, color 0.12s ease;
     display: flex;
     align-items: center;
-    text-decoration: none;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
 }
 
 .anchorLink:hover {