Update player/shared components

src/renderer/features/shared/components/animated-page.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
+import styled from '@emotion/styled';
 import { motion } from 'framer-motion';
-import styled from 'styled-components';
 
 interface AnimatedPageProps {
   children: ReactNode;

src/renderer/features/shared/hooks/use-permissions.ts

@@ -0,0 +1,22 @@
+import { useMemo } from 'react';
+import { useAuthStore } from '@/renderer/store';
+
+export const usePermissions = () => {
+  const permissions = useAuthStore((state) => state.permissions);
+
+  const permissionSet = useMemo(() => {
+    const set = {
+      createServer: permissions.isAdmin,
+      createServerCredential: true,
+      createServerUrl: permissions.isAdmin,
+      deleteServer: permissions.isAdmin,
+      deleteServerCredential: true,
+      deleteServerUrl: permissions.isAdmin,
+      editServer: permissions.isAdmin,
+    };
+
+    return set;
+  }, [permissions]);
+
+  return permissionSet;
+};

src/renderer/features/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './components/animated-page';
+export * from './hooks/use-permissions';