fix: only add link in side bar if has content or children otherwise just a div

src/app/components/SideBar.tsx

@@ -17,14 +17,18 @@ function TreeNode({ doc }: { doc: Doc }) {
     <li className={styles.listItem}>
       {hasChildren ? (
         <div className={styles.expandable}>
-          <a
+          {doc.copy ? (
-            href={`#${doc.title
+            <a
-              .replaceAll(' ', '-')
+              href={`#${doc.title
-              .toLowerCase()}`}
+                .replaceAll(' ', '-')
-            className={styles.link}
+                .toLowerCase()}`}
-          >
+              className={styles.link}
-            {doc.title}
+            >
-          </a>
+              {doc.title}
+            </a>
+          ) : (
+            <div>{doc.title}</div>
+          )}
           <div
             className={styles.chevronContainer}
             onClick={() => setIsExpanded(!isExpanded)}
@@ -60,7 +64,7 @@ function TreeNode({ doc }: { doc: Doc }) {
             )}
           </div>
         </div>
-      ) : (
+      ) : doc.copy ? (
         <a
           href={`#${doc.title
             .replaceAll(' ', '-')
@@ -69,6 +73,8 @@ function TreeNode({ doc }: { doc: Doc }) {
         >
           {doc.title}
         </a>
+      ) : (
+        <div>{doc.title}</div>
       )}
 
       {doc.children &&