Refactor Docusaurus configuration and frontend components

- Update the title and logo in Docusaurus configuration
- Add Discord and Support links to the navbar
- Update the label and href for the GitHub link in the footer
- Remove redundant code and comments in ImageInfoModal component
- Update the text and link in ImageInfoModal component
- Update the conditional statement in +page.svelte file
- Comment out the unused code in settings page

documentation/docusaurus.config.ts

@@ -67,7 +67,7 @@ const config: Config = {
     navbar: {
       title: "AdventureLog Docs",
       logo: {
-        alt: "My Site Logo",
+        alt: "AdventureLog Logo",
         src: "img/favicon.png",
       },
       items: [
@@ -79,10 +79,20 @@ const config: Config = {
         },
         // { to: "/blog", label: "Blog", position: "left" },
         {
-          href: "https://github.com/seanmorley15/adventurelog",
+          to: "https://github.com/seanmorley15/adventurelog",
           label: "GitHub",
           position: "right",
         },
+        {
+          to: "https://discord.gg/wRbQ9Egr8C",
+          label: "Discord",
+          position: "right",
+        },
+        {
+          to: "/support",
+          label: "Support 💖",
+          position: "right",
+        },
       ],
     },
     footer: {
@@ -108,6 +118,14 @@ const config: Config = {
               label: "GitHub",
               href: "https://github.com/seanmorley15/adventurelog",
             },
+            {
+              label: "Discord",
+              href: "https://discord.gg/wRbQ9Egr8C",
+            },
+            {
+              label: "Support 💖",
+              to: "/support",
+            },
           ],
         },
         // {

frontend/src/lib/components/ImageInfoModal.svelte

@@ -31,26 +31,25 @@
 		<h3 class="font-bold text-lg">
 			About This Background<span class=" inline-block"></span>
 		</h3>
-
 		<div class="flex flex-col items-center">
-			<!-- svelte-ignore a11y-img-redundant-alt -->
-			<!-- <img
-					src={background.url}
-					alt="Background Image"
-					class="w-96 h-96 object-cover rounded-lg shadow-lg mt-4"
-				/> -->
 			{#if background.author != ''}
 				<p class="text-center mt-2">Photo by {background.author}</p>
 			{/if}
 			{#if background.location != ''}
 				<p class="text-center">Location: {background.location}</p>
 			{/if}
-			<button
+			<p class="text-center mt-4">
-				on:click={() => (window.location.href = 'https://forms.gle/2uZNnz8QS3VjuYtQ8')}
+				<a
-				class="btn btn-neutral inline-block mt-4 mb-2">Submit an Image</button
+					href="https://discord.gg/wRbQ9Egr8C"
+					target="_blank"
+					rel="noopener noreferrer"
+					class="text-blue-500 hover:underline"
 				>
+					Join the Discord
+				</a>
+				to share your own photos. Post them in the #travel-share channel.
+			</p>
 		</div>
-
 		<button class="btn btn-primary" on:click={close}>Close</button>
 	</div>
 </dialog>

frontend/src/routes/adventures/+page.svelte

@@ -32,7 +32,7 @@
 	let typeString: string = '';
 
 	$: {
-		if (typeof window !== 'undefined') {
+		if (typeof window !== 'undefined' && typeString) {
 			let url = new URL(window.location.href);
 			url.searchParams.set('types', typeString);
 			goto(url.toString(), { invalidateAll: true, replaceState: true });

frontend/src/routes/settings/+page.svelte

@@ -186,7 +186,7 @@
 	</form>
 </div>
 
-<div class="flex flex-col items-center mt-4">
+<!-- <div class="flex flex-col items-center mt-4">
 	<h1 class="text-center font-extrabold text-xl mt-4 mb-2">Visited Region Check</h1>
 	<p>
 		By selecting this, the server will check all of your visited adventures and mark the regions
@@ -202,7 +202,7 @@
 	<h1 class="text-center font-extrabold text-xl mt-4 mb-2">Data Export</h1>
 	<button class="btn btn-neutral mb-4" on:click={exportAdventures}> Export to JSON </button>
 	<p>This may take a few seconds...</p>
-</div>
+</div> -->
 
 <small class="text-center"
 	><b>For Debug Use:</b> Server PK={user.pk} | Date Joined: {user.date_joined