allow top bar action buttons to be links and make home one (#417)

.gitignore

@@ -8,4 +8,5 @@ website_build
 .idea
 deno.lock
 fly.toml
-env.sh
+env.sh
+test_space

web/components/top_bar.tsx

@@ -13,6 +13,7 @@ export type ActionButton = {
   icon: FunctionalComponent<FeatherProps>;
   description: string;
   callback: () => void;
+  href?: string;
 };
 
 export function TopBar({
@@ -118,17 +119,21 @@ export function TopBar({
               </div>
             )}
             <div className="sb-actions">
-              {actionButtons.map((actionButton) => (
+              {actionButtons.map((actionButton) => {
-                <button
+                const button =
-                  onClick={(e) => {
+                    <button
-                    actionButton.callback();
+                        onClick={(e) => {
-                    e.stopPropagation();
+                          e.preventDefault();
-                  }}
+                          actionButton.callback();
-                  title={actionButton.description}
+                          e.stopPropagation();
-                >
+                        }}
-                  <actionButton.icon size={18} />
+                        title={actionButton.description}
-                </button>
+                    >
-              ))}
+                      <actionButton.icon size={18} />
+                    </button>
+
+                return actionButton.href !== undefined ? (<a href={actionButton.href}>{button}</a>) : button;
+              })}
             </div>
           </div>
         </div>

web/editor.tsx

@@ -1405,6 +1405,7 @@ export class Editor {
               callback: () => {
                 editor.navigate("");
               },
+              href: "",
             },
             {
               icon: BookIcon,