Migrate to Mantine v8 and Design Changes (#961)

* mantine v8 migration

* various design changes and improvements

src/renderer/features/sidebar/components/sidebar.module.css

@@ -0,0 +1,68 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    gap: var(--mantine-spacing-xs);
+    width: 100%;
+    height: 100%;
+    max-height: calc(100vh - 90px);
+    background: var(--theme-colors-background-alternate);
+}
+
+.scroll-area {
+    padding: 0 var(--theme-spacing-md) var(--theme-spacing-md) var(--theme-spacing-md);
+}
+
+@keyframes fade-in {
+    from {
+        opacity: 0;
+    }
+
+    to {
+        opacity: 1;
+    }
+}
+
+.image-container {
+    position: relative;
+    height: var(--sidebar-image-height);
+    cursor: pointer;
+    animation: fade-in 0.2s ease-in-out;
+
+    button {
+        display: none;
+    }
+
+    &:hover button {
+        display: block;
+    }
+}
+
+.sidebar-image {
+    width: 100%;
+    height: 100%;
+    object-fit: var(--theme-image-fit);
+    background: var(--theme-colors-foreground-muted);
+    border-radius: 0;
+}
+
+.accordion-root {
+    height: 100%;
+}
+
+.accordion-item {
+    border-bottom: none;
+}
+
+.accordion-control {
+    height: 2.5rem;
+    border-radius: var(--theme-radius-md);
+}
+
+.accordion-content {
+    padding: 0;
+    background: var(--theme-colors-background-alternate);
+}
+
+.accordion-content:last-child {
+    padding-bottom: var(--theme-spacing-md);
+}