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

src/app/components/SideBar.tsx

@@ -17,6 +17,7 @@ function TreeNode({ doc }: { doc: Doc }) {
     <li className={styles.listItem}>
       {hasChildren ? (
         <div className={styles.expandable}>
+          {doc.copy ? (
             <a
               href={`#${doc.title
                 .replaceAll(' ', '-')
@@ -25,6 +26,9 @@ function TreeNode({ doc }: { doc: Doc }) {
             >
               {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 &&