Add hooks

packages/renderer/src/hooks/index.ts

@@ -1 +1,3 @@
 export * from './use-theme';
+export * from './use-is-mounted';
+export * from './use-should-pad-titlebar';

packages/renderer/src/hooks/use-is-mounted.ts

@@ -0,0 +1,11 @@
+import { useEffect, useState } from 'react';
+
+export const useIsMounted = () => {
+  const [isMounted, setIsMounted] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
+  return isMounted;
+};

packages/renderer/src/hooks/use-should-pad-titlebar.tsx

@@ -0,0 +1,9 @@
+import { useSidebarRightExpanded } from '/@/store';
+import { useGeneralSettings } from '/@/store/settings.store';
+
+export const useShouldPadTitlebar = () => {
+  const isSidebarExpanded = useSidebarRightExpanded();
+  const { sideQueueType } = useGeneralSettings();
+
+  return !(isSidebarExpanded && sideQueueType === 'sideQueue');
+};