use Pane from package

.gitignore

@@ -35,3 +35,5 @@ npm-debug.log.*
 out/
 .webpack
 dist
+
+packages/*/lib

package.json

@@ -87,6 +87,7 @@
     "@electrocrud/tabs": "link:./packages/tabs",
     "@electrocrud/layouts": "link:./packages/layouts",
     "@electrocrud/utils": "link:./packages/utils",
+    "@electrocrud/pane": "link:./packages/pane",
     "@emotion/cache": "^11.7.1",
     "@emotion/react": "^11",
     "@emotion/styled": "^11",

src/renderer/views/admin/views/add/metadata/columns/components/columns-list-pane.tsx

@@ -12,7 +12,7 @@ import {
 import { motion } from 'framer-motion';
 import { FC, useContext, useEffect, useState } from 'react';
 import { HiViewColumns } from 'react-icons/hi2';
-import { PaneContext } from 'renderer/containers/pane/pane-context';
+import { PaneContext } from '@electrocrud/pane';
 import { ScopeContext } from 'renderer/contexts/scope-context';
 import { ViewScopedContext } from 'renderer/contexts/view-scoped-context';
 

src/renderer/views/admin/views/add/metadata/columns/index.tsx

@@ -1,7 +1,6 @@
 import { Box, BoxProps } from '@chakra-ui/react';
 import { FC } from 'react';
-import { Pane, usePaneHook } from 'renderer/containers/pane';
-import { PaneContextProvider } from 'renderer/containers/pane/pane-context';
+import { Pane, usePaneHook, PaneContextProvider } from '@electrocrud/pane';
 import { ScopeContextProvider } from 'renderer/contexts/scope-context';
 
 import { ColumnsListPane } from './components/columns-list-pane';

src/renderer/views/admin/views/add/metadata/columns/tabs/relations-modal/relations-view.tsx

@@ -1,7 +1,7 @@
 // @ts-nocheck
 import { Flex, Tag, TagLeftIcon } from '@chakra-ui/react';
 import { chakraComponents } from 'chakra-react-select';
-import { FC, ReactElement, useCallback, useEffect, useMemo } from 'react';
+import { FC, ReactElement, useCallback, useMemo } from 'react';
 import { useFormContext } from 'react-hook-form';
 import { BiColumns, BiTable } from 'react-icons/bi';
 import { useSelector } from 'react-redux';
@@ -36,9 +36,10 @@ export const RelationsView: FC<RelationsViewProperties> = ({
   }, [selected]);
 
   const notExludedViews = useMemo(
-    () => allViews
-      .filter((value) => value.accountId === session.account?.id)
-      .filter((value) => value.id !== excludeViewId),
+    () =>
+      allViews
+        .filter((value) => value.accountId === session.account?.id)
+        .filter((value) => value.id !== excludeViewId),
     [allViews]
   );
 

src/renderer/views/admin/views/data/index.tsx

@@ -20,4 +20,4 @@ export default function DashboardWithContext() {
       </ViewScopedContextProvider>
     </WithErrorComponent>
   );
-}
+}