Fix lint errors

Author: Polleps

browser/data-browser/src/chunks/GraphViewer/FloatingEdge.tsx

@@ -6,7 +6,7 @@ import {
   EdgeProps,
   Node,
 } from 'reactflow';
-import styled, { useTheme } from 'styled-components';
+import { styled, useTheme } from 'styled-components';
 import { getEdgeParams, getSelfReferencePath } from './getEdgeParams';
 import { EdgeData } from './buildGraph';
 

browser/data-browser/src/components/SideBar/About.tsx

@@ -1,6 +1,4 @@
 import { styled } from 'styled-components';
-import { Logo } from '../Logo';
-import { SideBarHeader } from './SideBarHeader';
 import React from 'react';
 import { FaGithub, FaDiscord, FaBook } from 'react-icons/fa';
 import { IconButtonLink, IconButtonVariant } from '../IconButton/IconButton';

browser/data-browser/src/components/SideBar/OntologySideBar/OntologiesPanel.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import {
   Collection,
   unknownSubject,

browser/data-browser/src/components/SideBar/SideBarPanel.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { Collapse } from '../Collapse';
 import { FaCaretRight } from 'react-icons/fa';
 import { transition } from '../../helpers/transition';

browser/data-browser/src/components/Title.tsx

@@ -1,7 +1,7 @@
 import { Resource, useTitle } from '@tomic/react';
 import React from 'react';
 import { AtomicLink } from './AtomicLink';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 
 interface PageTitleProps {
   /** Put in front of the subject's name */

browser/data-browser/src/components/forms/AtomicSelectInput.tsx

@@ -1,7 +1,7 @@
 import { Resource, useValue } from '@tomic/react';
 import React from 'react';
 import { InputWrapper } from './InputStyles';
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 
 interface AtomicSelectInputProps {
   resource: Resource;

browser/data-browser/src/components/forms/InputSlug.tsx

@@ -4,7 +4,7 @@ import { InputProps } from './ResourceField';
 import { InputStyled, InputWrapper } from './InputStyles';
 import { stringToSlug } from '../../helpers/stringToSlug';
 import { useValidation } from './formValidation/useValidation';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { ErrorChipInput } from './ErrorChip';
 
 export default function InputSlug({

browser/data-browser/src/components/forms/InputString.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useString, validateDatatype } from '@tomic/react';
 import { InputProps } from './ResourceField';
 import { InputStyled, InputWrapper } from './InputStyles';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { ErrorChipInput } from './ErrorChip';
 import { useValidation } from './formValidation/useValidation';
 

browser/data-browser/src/components/forms/SearchBox/ResultLine.tsx

@@ -1,6 +1,6 @@
 import { urls, useResource, useString } from '@tomic/react';
 import React, { useEffect, useRef } from 'react';
-import styled, { css } from 'styled-components';
+import { styled, css } from 'styled-components';
 import { getIconForClass } from '../../../views/FolderPage/iconMap';
 
 interface ResultLineProps {

browser/data-browser/src/components/forms/SearchBox/SearchBox.tsx

@@ -5,7 +5,7 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import styled from 'styled-components';
+import { styled } from 'styled-components';
 import { removeCachedSearchResults, useResource, useStore } from '@tomic/react';
 import { DropdownPortalContext } from '../../Dropdown/dropdownContext';
 import * as RadixPopover from '@radix-ui/react-popover';