Split up main content route component

src/renderer/layouts/default-layout/full-screen-overlay.tsx

@@ -0,0 +1,18 @@
+import { AnimatePresence } from 'framer-motion';
+import { FullScreenPlayer } from '/@/renderer/features/player/components/full-screen-player';
+import { useFullScreenPlayerStore } from '/@/renderer/store';
+
+export const FullScreenOverlay = () => {
+  const { expanded: isFullScreenPlayerExpanded } = useFullScreenPlayerStore();
+
+  return (
+    <>
+      <AnimatePresence
+        initial={false}
+        mode="wait"
+      >
+        {isFullScreenPlayerExpanded && <FullScreenPlayer />}
+      </AnimatePresence>
+    </>
+  );
+};