chore: fix lint

Author: joshuaellis

packages/strapi-design-system/src/IconButton/IconButton.stories.mdx

@@ -2,6 +2,7 @@
 
 import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import { ArgsTable } from '@storybook/addon-docs';
+import { useState } from 'react';
 
 import Pencil from '@strapi/icons/Pencil';
 import Play from '@strapi/icons/Play';
@@ -42,7 +43,7 @@ Icon Buttons are used to perform actions within a page, a table or another objec
 <Canvas>
   <Story name="base">
     {() => {
-      const [currentAction, setCurrentAction] = React.useState('None Selected');
+      const [currentAction, setCurrentAction] = useState('None Selected');
       return (
         <Box padding={7}>
           <Box paddingBottom={3}>
@@ -67,7 +68,7 @@ Depending on the status of an action or the permissions, an IconButton can be un
 <Canvas>
   <Story name="disabled">
     {() => {
-      const [currentAction, setCurrentAction] = React.useState('None Selected');
+      const [currentAction, setCurrentAction] = useState('None Selected');
       return (
         <Box padding={7}>
           <Box paddingBottom={3}>
@@ -121,7 +122,7 @@ IconButtons can take Icons as their children and can be fully accessible without
 <Canvas>
   <Story name="children">
     {() => {
-      const [currentAction, setCurrentAction] = React.useState('None Selected');
+      const [currentAction, setCurrentAction] = useState('None Selected');
       return (
         <Box padding={7}>
           <Box paddingBottom={3}>

packages/strapi-design-system/src/Status/Status.stories.mdx

@@ -49,20 +49,25 @@ Use a Status sparingly within forms to give an important visual indication. Stat
   </Story>
 </Canvas>
 
-
 ### Size
 
 <Canvas>
   <Story name="size S">
     <Stack spacing={3}>
       <Status variant="success" size="S" showBullet={false}>
-        <Typography fontWeight="bold" textColor="success700">Published</Typography>
+        <Typography fontWeight="bold" textColor="success700">
+          Published
+        </Typography>
       </Status>
       <Status variant="secondary" size="S" showBullet={false}>
-        <Typography fontWeight="bold" textColor="secondary700">Draft</Typography>
+        <Typography fontWeight="bold" textColor="secondary700">
+          Draft
+        </Typography>
       </Status>
       <Status variant="alternative" size="S" showBullet={false}>
-        <Typography fontWeight="bold" textColor="alternative700">Updated</Typography>
+        <Typography fontWeight="bold" textColor="alternative700">
+          Updated
+        </Typography>
       </Status>
     </Stack>
   </Story>

packages/strapi-design-system/src/Switch/Switch.stories.mdx

@@ -1,5 +1,6 @@
 <!--- Switch.stories.mdx --->
 
+import { useState } from 'react';
 import { Meta, Story, Canvas } from '@storybook/addon-docs';
 import { ArgsTable } from '@storybook/addon-docs';
 import { Switch } from './Switch';
@@ -37,7 +38,7 @@ Activated state is one of two of them available for a Switch.
 <Canvas>
   <Story name="activated">
     {() => {
-      const [activated, setActivated] = React.useState(true);
+      const [activated, setActivated] = useState(true);
       return (
         <Switch
           label="Activate the microphone"
@@ -57,7 +58,7 @@ Deactivated state is one of two of them available for a Switch.
 <Canvas>
   <Story name="not-activated">
     {() => {
-      const [activated, setActivated] = React.useState(false);
+      const [activated, setActivated] = useState(false);
       return (
         <Switch
           label="Activate the microphone"