fix: use named import for styled-components

Author: rexxars

src/components/DashboardWidgetContainer.tsx

@@ -1,6 +1,6 @@
 import React, {forwardRef} from 'react'
 import {Card, Box, Heading} from '@sanity/ui'
-import styled from 'styled-components'
+import {styled} from 'styled-components'
 
 const Root = styled(Card)`
   display: flex;

src/components/NotFoundWidget.tsx

@@ -1,6 +1,6 @@
 import React, {PropsWithChildren, ReactNode} from 'react'
 import {Card, Stack, Heading, Box} from '@sanity/ui'
-import styled from 'styled-components'
+import {styled} from 'styled-components'
 
 const Root = styled(Card)`
   display: flex;

src/components/WidgetGroup.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import styled, {css} from 'styled-components'
+import {styled, css} from 'styled-components'
 import {Box, Card, Grid, Text} from '@sanity/ui'
 import {WidgetContainer} from '../containers/WidgetContainer'
 import {DashboardConfig, LayoutConfig, DashboardWidget} from '../types'

src/widgets/projectUsers/ProjectUsers.tsx

@@ -3,7 +3,7 @@ import {from} from 'rxjs'
 import {map, switchMap} from 'rxjs/operators'
 import {Stack, Spinner, Card, Box, Text, Button} from '@sanity/ui'
 import {RobotIcon} from '@sanity/icons'
-import styled from 'styled-components'
+import {styled} from 'styled-components'
 import {DefaultPreview, useUserStore} from 'sanity'
 import {useVersionedClient} from '../../versionedClient'
 import {User} from 'sanity'

src/widgets/sanityTutorials/Tutorial.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import {Card, Box, Heading, Flex, Text, Stack} from '@sanity/ui'
 import {PlayIcon} from '@sanity/icons'
-import styled from 'styled-components'
+import {styled} from 'styled-components'
 
 const PlayIconBox = styled(Box)`
   position: absolute;