Refactoring search, navigation, canvas and others to fit the new data model

assets/common.css

@@ -262,7 +262,7 @@ html.light-mode .light-block {
     color: var(--text-error);
 }
 
-.input-form .loading {
+.loading {
     width: 24px;
     height: 24px;
     border: 4px solid var(--color-purple);
@@ -277,4 +277,15 @@ html.light-mode .light-block {
     text-align: center;
     font-style: italic;
     font-weight: var(--font-extrabold);
+}
+
+.tree-item-self[data-type]:after {
+    content: attr(data-type);
+    border: 1px solid var(--background-modifier-border);
+    background-color: var(--background-primary-alt);
+    padding: 0 4px;
+    border-radius: 4px;
+    font-size: var(--font-smaller);
+    /* font-style: italic; */
+    font-variant: all-petite-caps;
 }

assets/global.css

@@ -2673,7 +2673,7 @@ body:not(.native-scrollbars) * {
     content: ': ';
 }
 
-.suggestion-item.mod-complex .suggestion-highlight {
+.suggestion-item.mod-complex .highlight {
     font-weight: bold;
 }
 
@@ -2722,7 +2722,7 @@ body:not(.native-scrollbars) * {
     margin: 0 var(--size-4-1) 0 var(--size-4-3);
 }
 
-.suggestion-highlight {
+.highlight {
     font-weight: bold;
 }