Move components into $lib

- tidying up project structure

gitbutler-ui/src/lib/components/CommitCard.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import RenderedLine from './RenderedLine.svelte';
 	import { ContentSection, HunkSection, parseFileSections } from './fileSections';
-	import Tag from '../components/Tag.svelte';
 	import { invoke } from '$lib/backend/ipc';
 	import Button from '$lib/components/Button.svelte';
 	import Modal from '$lib/components/Modal.svelte';
+	import Tag from '$lib/components/Tag.svelte';
 	import TimeAgo from '$lib/components/TimeAgo.svelte';
 	import { draggableCommit, nonDraggable } from '$lib/draggables';
 	import { getVSIFileIcon } from '$lib/ext-icons';

gitbutler-ui/src/lib/notifications/ToastController.svelte

@@ -2,7 +2,7 @@
 </script>
 
 <script lang="ts">
-	import InfoMessage from '../components/InfoMessage.svelte';
+	import InfoMessage from '$lib/components/InfoMessage.svelte';
 	import { dismissToast, toastStore } from '$lib/notifications/toasts';
 	import { slide } from 'svelte/transition';
 </script>

gitbutler-ui/src/routes/+page.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import Welcome from './[projectId]/components/Welcome.svelte';
 	import DecorativeSplitView from '$lib/components/DecorativeSplitView.svelte';
+	import Welcome from '$lib/components/Welcome.svelte';
 	import { map } from 'rxjs';
 	import type { PageData } from './$types';
 	import { goto } from '$app/navigation';

gitbutler-ui/src/routes/[projectId]/ProjectSetup.svelte

@@ -1,13 +1,13 @@
 <script async lang="ts">
-	import SetupFeature from './components/SetupFeature.svelte';
-	import GithubIntegration from '../components/GithubIntegration.svelte';
 	import BackButton from '$lib/components/BackButton.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import DecorativeSplitView from '$lib/components/DecorativeSplitView.svelte';
+	import GithubIntegration from '$lib/components/GithubIntegration.svelte';
 	import IconLink from '$lib/components/IconLink.svelte';
 	import Login from '$lib/components/Login.svelte';
 	import Select from '$lib/components/Select.svelte';
 	import SelectItem from '$lib/components/SelectItem.svelte';
+	import SetupFeature from '$lib/components/SetupFeature.svelte';
 	import Toggle from '$lib/components/Toggle.svelte';
 	import { projectAiGenEnabled } from '$lib/config/config';
 	import type { UserService } from '$lib/stores/user';

gitbutler-ui/src/routes/[projectId]/base/BaseBranch.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import CommitCard from '../components/CommitCard.svelte';
 	import Button from '$lib/components/Button.svelte';
+	import CommitCard from '$lib/components/CommitCard.svelte';
 	import Modal from '$lib/components/Modal.svelte';
 	import { projectMergeUpstreamWarningDismissed } from '$lib/config/config';
 	import { tooltip } from '$lib/utils/tooltip';

gitbutler-ui/src/routes/[projectId]/board/Board.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" async="true">
 	import NewBranchDropZone from './NewBranchDropZone.svelte';
-	import BranchLane from '../components/BranchLane.svelte';
+	import BranchLane from '$lib/components/BranchLane.svelte';
 	import ImgThemed from '$lib/components/ImgThemed.svelte';
 	import Icon from '$lib/icons/Icon.svelte';
 	import { cloneWithRotation } from '$lib/utils/draggable';

gitbutler-ui/src/routes/[projectId]/navigation/BranchItem.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import BranchIcon from './BranchIcon.svelte';
-	import AheadBehind from '../components/AheadBehind.svelte';
+	import AheadBehind from '$lib/components/AheadBehind.svelte';
 	import AuthorIcons from '$lib/components/AuthorIcons.svelte';
 	import TimeAgo from '$lib/components/TimeAgo.svelte';
 	import type { CombinedBranch } from '$lib/branches/types';

gitbutler-ui/src/routes/[projectId]/navigation/Branches.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import BranchItem from './BranchItem.svelte';
 	import BranchesHeader from './BranchesHeader.svelte';
-	import FilterPopupMenu from '../components/FilterPopupMenu.svelte';
+	import FilterPopupMenu from '$lib/components/FilterPopupMenu.svelte';
 	import ImgThemed from '$lib/components/ImgThemed.svelte';
 	import Resizer from '$lib/components/Resizer.svelte';
 	import ScrollableContainer from '$lib/components/ScrollableContainer.svelte';

gitbutler-ui/src/routes/[projectId]/navigation/Navigation.svelte

@@ -5,8 +5,8 @@
 	import Footer from './Footer.svelte';
 	import Header from './Header.svelte';
 	import ProjectSelector from './ProjectSelector.svelte';
-	import Tag from '../components/Tag.svelte';
 	import Resizer from '$lib/components/Resizer.svelte';
+	import Tag from '$lib/components/Tag.svelte';
 	import { persisted } from '$lib/persisted/persisted';
 	import { SETTINGS_CONTEXT, type SettingsStore } from '$lib/settings/userSettings';
 	import * as toasts from '$lib/utils/toasts';

gitbutler-ui/src/routes/[projectId]/pull/[number]/PullRequestPreview.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import Tag from '../../components/Tag.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Link from '$lib/components/Link.svelte';
+	import Tag from '$lib/components/Tag.svelte';
 	import { marked } from 'marked';
 	import type { PullRequest } from '$lib/github/types';
 	import type { BranchController } from '$lib/vbranches/branchController';

gitbutler-ui/src/routes/[projectId]/remote/[sha]/RemoteBranchPreview.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
-	import CommitCard from '../../components/CommitCard.svelte';
 	import Button from '$lib/components/Button.svelte';
+	import CommitCard from '$lib/components/CommitCard.svelte';
 	import type { BranchController } from '$lib/vbranches/branchController';
 	import type { RemoteBranch } from '$lib/vbranches/types';
 

gitbutler-ui/src/routes/[projectId]/settings/+page.svelte

@@ -3,8 +3,8 @@
 	import DetailsForm from './DetailsForm.svelte';
 	import KeysForm from './KeysForm.svelte';
 	import PreferencesForm from './PreferencesForm.svelte';
-	import ScrollableContainer from '../../../lib/components/ScrollableContainer.svelte';
-	import Spacer from '../../../lib/components/Spacer.svelte';
+	import ScrollableContainer from '$lib/components/ScrollableContainer.svelte';
+	import Spacer from '$lib/components/Spacer.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Modal from '$lib/components/Modal.svelte';
 	import * as toasts from '$lib/utils/toasts';

gitbutler-ui/src/routes/[projectId]/stashed/[branchId]/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import BranchLane from '../../components/BranchLane.svelte';
+	import BranchLane from '$lib/components//BranchLane.svelte';
 	import Button from '$lib/components/Button.svelte';
 	import Modal from '$lib/components/Modal.svelte';
 	import type { PageData } from './$types';

gitbutler-ui/src/routes/settings/+page.svelte

@@ -1,7 +1,5 @@
 <script lang="ts">
 	import ThemeSelector from './ThemeSelector.svelte';
-	import Spacer from '../../lib/components/Spacer.svelte';
-	import GithubIntegration from '../components/GithubIntegration.svelte';
 	import { deleteAllData } from '$lib/backend/data';
 	import Button from '$lib/components/Button.svelte';
 	import IconButton from '$lib/components/IconButton.svelte';
@@ -9,6 +7,7 @@
 	import Login from '$lib/components/Login.svelte';
 	import Modal from '$lib/components/Modal.svelte';
 	import ScrollableContainer from '$lib/components/ScrollableContainer.svelte';
+	import Spacer from '$lib/components/Spacer.svelte';
 	import TextBox from '$lib/components/TextBox.svelte';
 	import Toggle from '$lib/components/Toggle.svelte';
 	import { appMetricsEnabled, appErrorReportingEnabled } from '$lib/config/appSettings';
@@ -17,6 +16,7 @@
 	import { invoke } from '@tauri-apps/api/tauri';
 	import type { PageData } from './$types';
 	import { goto } from '$app/navigation';
+	import GithubIntegration from '$lib/components/GithubIntegration.svelte';
 
 	export let data: PageData;
 	const { cloud, user$, userService } = data;