Refactor CSS and code (#3703)

- Modal trigger code refactor
- Unused CSS removed

app/src/lib/components/AppUpdater.svelte

@@ -148,7 +148,7 @@
 	</div>
 {/if}
 
-<style>
+<style lang="postcss">
 	.update-banner {
 		cursor: default;
 		user-select: none;

app/src/lib/components/Board.svelte

@@ -205,12 +205,6 @@
 		height: 100%;
 	}
 
-	.spacer {
-		display: flex;
-		flex-direction: column;
-		gap: var(--size-16);
-	}
-
 	.branch {
 		height: 100%;
 	}
@@ -264,28 +258,6 @@
 		padding-left: var(--size-4);
 	}
 
-	.branch-switcher {
-		margin-top: 8px;
-		padding: 8px;
-		background-color: var(--clr-bg-2);
-		border-width: 1px;
-		border-color: var(--clr-border-2);
-		border-radius: 4px;
-	}
-
-	.branch-display {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		gap: 4px;
-		margin-bottom: 2px;
-	}
-
-	.branch-name {
-		font-weight: 600;
-		font-family: monospace;
-	}
-
 	.middle-message {
 		display: flex;
 		justify-content: center;

app/src/lib/components/GithubIntegration.svelte

@@ -198,10 +198,6 @@
 		margin-bottom: var(--size-8);
 	}
 
-	.disabled-step {
-		opacity: 0.4;
-	}
-
 	.step-section {
 		display: flex;
 		gap: var(--size-16);

app/src/lib/components/ShareIssueModal.svelte

@@ -143,24 +143,13 @@
 		modal.close();
 	}
 
-	// if triggered by window menu
-	async function setEnabled(enabled: boolean) {
-		return await invoke('menu_item_set_enabled', {
-			menuItemId: 'project/settings',
-			enabled
-		});
-	}
-
 	onMount(() => {
-		setEnabled(true);
-
 		const unsubscribe = listen<string>('menu://help/share-debug-info/clicked', () => {
 			show();
 		});
 
 		return () => {
 			unsubscribe();
-			setEnabled(false);
 		};
 	});
 </script>

app/src/lib/components/settings/Sidebar.svelte

@@ -220,7 +220,6 @@
 	}
 
 	/* BANNERS */
-
 	.social-banners {
 		display: flex;
 		flex-direction: column;