add server selector to layout animation

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

@@ -79,3 +79,9 @@
 .accordion-content:last-child {
     padding-bottom: var(--theme-spacing-md);
 }
+
+.server-selector-wrapper {
+    position: relative;
+    z-index: 1;
+    flex-shrink: 0;
+}

src/renderer/features/sidebar/components/sidebar.tsx

@@ -163,9 +163,9 @@ export const Sidebar = () => {
                     )}
                 </Accordion>
             </ScrollArea>
-            <div style={{ flexShrink: 0, position: 'relative', zIndex: 1 }}>
+            <motion.div className={styles.serverSelectorWrapper} layout>
                 <ServerSelector showImage={showImage} />
-            </div>
+            </motion.div>
             <AnimatePresence initial={false} mode="popLayout">
                 {showImage && (
                     <motion.div