Changed panel dir name to pane (#43)

Author: EranNL

src/components/Page/Header.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import clsx from 'clsx';
-import { Panel } from '../Panel';
+import { Panel } from '../Pane';
 
 export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
     title?: string;

src/components/Panel/Container.tsx renamed to src/components/Pane/Container.tsx

@@ -3,7 +3,7 @@ export * from './Card';
 export * from './Container';
 export * from './Grid';
 export * from './Page';
-export * from './Panel';
+export * from './Pane';
 export * from './Icon';
 export * from './Modal';
 export * from './utils';

src/components/Panel/Content.tsx renamed to src/components/Pane/Content.tsx

@@ -23,7 +23,7 @@ import FormGroup from '../../src/components/Form/Group';
 import FormLabel from '../../src/components/Form/Label';
 import FormMessage from '../../src/components/Form/Message';
 import { Tooltip } from '../../src/components/Tooltip';
-import Pane from '../../src/components/Panel/Pane';
+import Pane from '../../src/components/Pane/Pane';
 
 const TestControllable = () => {
     const [value, setValue] = useState('');