Clean up client components where SC has been removed

Author: pimterry

src/components/elements/edit-on-github/index.tsx

@@ -1,6 +1,4 @@
-'use client';
-
-import { styled } from '@/styles';
+import { styled } from '@linaria/react';
 
 import { PencilSimple } from '@/components/elements/icon';
 import { Link } from '@/components/elements/link';

src/components/elements/moving-border/index.ts

@@ -1,6 +1,5 @@
-'use client';
-
-import { screens, styled } from '@/styles';
+import { styled } from '@linaria/react';
+import { screens } from '@/styles/tokens';
 
 export const MovingBorder = styled.figure`
   --border-width: 1px;

src/components/elements/responsive-line-break/index.tsx

@@ -1,6 +1,5 @@
-'use client';
-
-import { styled, screens } from '@/styles';
+import { styled } from '@linaria/react';
+import { screens } from '@/styles/tokens';
 
 /**
  * A line break that's only shown on larger screens (leaving smaller screens to

src/components/layout/styles.layout.ts

@@ -1,6 +1,5 @@
-'use client';
-
-import { screens, styled } from '@/styles';
+import { styled } from '@linaria/react';
+import { screens } from '@/styles/tokens';
 
 export const StyledLandingLayoutWrapper = styled.div`
   min-height: fit-content;

src/components/modules/download-button/download-dropdown.tsx

@@ -4,7 +4,8 @@ import sortBy from 'lodash/sortBy';
 import partition from 'lodash/partition';
 import { useEffect, useMemo, useState } from 'react';
 
-import { styled, fontSizes } from '@/styles';
+import { styled } from '@linaria/react';
+import { fontSizes } from '@/styles/tokens';
 
 import { SendEmail } from './components/send-email';
 import type { DownloadDropdownProps } from './download-button.types';

src/components/sections/blog/overview-explorer/overview-explorer.styled.ts

@@ -1,7 +1,6 @@
-'use client';
-
+import { styled } from '@linaria/react';
 import { Container } from '@/components/elements/container';
-import { screens, styled, fontSizes } from '@/styles';
+import { screens, fontSizes } from '@/styles/tokens';
 
 export const StyledExplorerSection = styled.section`
   padding: 18px 0;

src/components/sections/blog/overview-explorer/tags-dropdown/tags-dropdown.ts

@@ -1,8 +1,7 @@
-'use client';
-
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 
-import { styled, fontSizes, fontWeight } from '@/styles';
+import { styled } from '@linaria/react';
+import { fontSizes, fontWeight } from '@/styles/tokens';
 
 export const StyledButtonTrigger = styled.button`
   background: transparent;