Make all section headers anchors

web-app/src/routes/(authenticated)/website/[websiteId]/+page.svelte

@@ -34,8 +34,10 @@
   {previewContent}
   previewScrollTop={textareaScrollTop}
 >
-  <section>
-    <h2>Global</h2>
+  <section id="global">
+    <h2>
+      <a href="#global">Global</a>
+    </h2>
     <form
       action="?/updateGlobal"
       method="POST"
@@ -85,8 +87,10 @@
     </form>
   </section>
 
-  <section>
-    <h2>Header</h2>
+  <section id="header">
+    <h2>
+      <a href="#header">Header</a>
+    </h2>
 
     <form
       action="?/updateHeader"
@@ -139,8 +143,10 @@
     </form>
   </section>
 
-  <section>
-    <h2>Home</h2>
+  <section id="home">
+    <h2>
+      <a href="#home">Home</a>
+    </h2>
 
     <form
       action="?/updateHome"
@@ -168,8 +174,10 @@
     </form>
   </section>
 
-  <section>
-    <h2>Footer</h2>
+  <section id="footer">
+    <h2>
+      <a href="#footer">Footer</a>
+    </h2>
 
     <form
       action="?/updateFooter"

web-app/src/routes/(authenticated)/website/[websiteId]/articles/+page.svelte

@@ -17,8 +17,10 @@
   title={data.website.title}
   previewContent={data.home.main_content}
 >
-  <section>
-    <h2>Create article</h2>
+  <section id="create-article">
+    <h2>
+      <a href="#create-article">Create article</a>
+    </h2>
 
     <Modal id="create-article" text="Create article">
       <h3>Create article</h3>
@@ -44,8 +46,10 @@
   </section>
 
   {#if data.totalArticleCount > 0}
-    <section>
-      <h2>All articles</h2>
+    <section id="all-articles">
+      <h2>
+        <a href="#all-articles">All articles</a>
+      </h2>
 
       <details>
         <summary>Search & Sort & Filter</summary>

web-app/src/routes/(authenticated)/website/[websiteId]/articles/[articleId]/+page.svelte

@@ -35,8 +35,10 @@
     "Put some markdown content in main content to see a live preview here"}
   previewScrollTop={textareaScrollTop}
 >
-  <section>
-    <h2>Edit article</h2>
+  <section id="edit-article">
+    <h2>
+      <a href="#edit-article">Edit article</a>
+    </h2>
 
     <form
       method="POST"

web-app/src/routes/(authenticated)/website/[websiteId]/collaborators/+page.svelte

@@ -15,8 +15,10 @@
   title={data.website.title}
   previewContent={data.home.main_content}
 >
-  <section>
-    <h2>Add collaborator</h2>
+  <section id="add-collaborator">
+    <h2>
+      <a href="#add-collaborator">Add collaborator</a>
+    </h2>
 
     <Modal id="add-collaborator" text="Add collaborator">
       <h3>Add collaborator</h3>
@@ -51,8 +53,10 @@
   </section>
 
   {#if data.collaborators.length > 0}
-    <section>
-      <h2>All collaborators</h2>
+    <section id="all-collaborators">
+      <h2>
+        <a href="#all-collaborators">All collaborators</a>
+      </h2>
 
       <ul class="unpadded">
         {#each data.collaborators as { website_id, user_id, permission_level, user: { username } } (`${website_id}-${user_id}`)}

web-app/src/routes/(authenticated)/website/[websiteId]/publish/+page.svelte

@@ -15,8 +15,10 @@
   previewContent={data.websitePreviewUrl}
   fullPreview={true}
 >
-  <section>
-    <h2>Publish website</h2>
+  <section id="publish-website">
+    <h2>
+      <a href="#publish-website">Publish website</a>
+    </h2>
 
     <p>
       The preview area on this page allows you to see exactly how your website will look when it is