Updating Docz imports

platform/ui/src/components/Button/Button.mdx

@@ -5,9 +5,7 @@ route: components/button
 ---
 
 import { Playground, Props } from 'docz';
-import Button from './';
-import IconButton from '../IconButton';
-import Icon from './../Icon';
+import { Button, IconButton, Icon } from '@ohif/ui';
 
 # Button
 

platform/ui/src/components/ButtonGroup/ButtonGroup.mdx

@@ -5,10 +5,7 @@ route: components/buttonGroup
 ---
 
 import { Playground, Props } from 'docz';
-import Button from '../Button';
-import IconButton from './../IconButton';
-import Icon from './../Icon';
-import ButtonGroup from './';
+import { ButtonGroup, Button, IconButton, Icon } from '@ohif/ui';
 
 # ButtonGroup
 

platform/ui/src/components/DateRange/DateRange.mdx

@@ -6,7 +6,7 @@ route: components/date-range
 
 import { useState } from 'react';
 import { Playground, Props } from 'docz';
-import DateRange from '../DateRange';
+import { DateRange } from '@ohif/ui';
 
 # Date Range
 

platform/ui/src/components/EmptyStudies/EmptyStudies.mdx

@@ -5,7 +5,7 @@ route: components/empty-studies
 ---
 
 import { Playground, Props } from 'docz';
-import EmptyStudies from './';
+import { EmptyStudies } from '@ohif/ui';
 
 # Empty Studies
 

platform/ui/src/components/Icon/icon.mdx

@@ -5,7 +5,7 @@ route: components/icon
 ---
 
 import { Playground, Props } from 'docz';
-import Icon from './Icon';
+import { Icon } from '@ohif/ui';
 import { ICONS } from './getIcon';
 
 # Icon

platform/ui/src/components/Input/Input.mdx

@@ -5,7 +5,7 @@ route: components/input
 ---
 
 import { Playground, Props } from 'docz';
-import Input from './';
+import { Input } from '@ohif/ui';
 
 # Input
 

platform/ui/src/components/InputDateRange/InputDateRange.mdx

@@ -6,7 +6,7 @@ route: components/InputDateRange
 
 import { useState } from 'react';
 import { Playground, Props } from 'docz';
-import InputDateRange from './';
+import { InputDateRange } from '@ohif/ui';
 
 # Input Date Range
 

platform/ui/src/components/InputMultiSelect/InputMultiSelect.mdx

@@ -6,7 +6,7 @@ route: components/InputMultiSelect
 
 import { useState } from 'react';
 import { Playground, Props } from 'docz';
-import InputMultiSelect from './';
+import { InputMultiSelect } from '@ohif/ui';
 
 # Input Multi Select
 

platform/ui/src/components/InputText/InputText.mdx

@@ -6,7 +6,7 @@ route: components/InputText
 
 import { useState } from 'react';
 import { Playground, Props } from 'docz';
-import InputText from './';
+import { InputText } from '@ohif/ui';
 
 # Input Text
 

platform/ui/src/components/Label/Label.mdx

@@ -5,7 +5,7 @@ route: components/label
 ---
 
 import { Playground, Props } from 'docz';
-import Label from './';
+import { Label } from '@ohif/ui';
 
 # Label
 

platform/ui/src/components/NavBar/NavBar.mdx

@@ -5,9 +5,7 @@ route: components/navBar
 ---
 
 import { Playground, Props } from 'docz';
-import Button from './../Button';
-import Typography from './../Typography';
-import NavBar from './';
+import { NavBar, Typography } from '@ohif/ui';
 
 # NavBar
 

platform/ui/src/components/Select/Select.mdx

@@ -5,7 +5,7 @@ route: components/select
 ---
 
 import { Playground, Props } from 'docz';
-import Select from './';
+import { Select } from '@ohif/ui';
 
 # Select
 

platform/ui/src/components/Typography/Typography.mdx

@@ -5,7 +5,7 @@ route: components/typography
 ---
 
 import { Playground, Props } from 'docz';
-import Typography from './';
+import { Typography } from '@ohif/ui';
 
 # Typography
 

platform/ui/src/views/StudyList/StudyList.mdx

@@ -6,8 +6,7 @@ route: views/studyList
 
 import { useState } from 'react'
 import { Playground, Props } from 'docz';
-import StudyList from './';
-import Button from '../../components/Button';
+import { StudyList, Button } from '@ohif/ui';
 import { getMockedStudies } from '../../utils/'
 
 # StudyList