fix: remove unused imports and variables

app/components/Article/index.tsx

@@ -142,9 +142,7 @@ type ActionProps = {
   icon: ReactNode
   action?: any
 }
-const Action = ({hint, icon, action}: ActionProps) => (
-  <div className="interactive-option">{icon}</div>
-)
+const Action = ({icon}: ActionProps) => <div className="interactive-option">{icon}</div>
 
 const Contents = ({pageid, html, glossary}: {pageid: PageId; html: string; glossary: Glossary}) => {
   const elementRef = useRef<HTMLDivElement>(null)

app/components/PageSubHeader.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 
 interface PageSubheaderTextProps {
   /**

app/components/PageSubheaderText.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import './pageSubheaderText.css'
 
 interface PageSubheaderTextProps {

app/components/Widget/Stampy.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import './stampy.css'
 
 export const WidgetStampy = () => {

app/components/WidgetStampy.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import {PlaneSend} from '~/components/icons-generated'
 import {StampyChat} from '~/components/icons-generated'
 

app/components/icons-generated/Aisafety.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgAisafety = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 175 40" {...props}>

app/components/icons-generated/ArrowRight.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgArrowRight = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none" {...props}>

app/components/icons-generated/BottomEclipse.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgBottomEclipse = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={320} height={289} fill="none" {...props}>

app/components/icons-generated/Chatbot.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgChatbot = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

app/components/icons-generated/Code.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgCode = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 640 640" {...props}>

app/components/icons-generated/Copy.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgCopy = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>

app/components/icons-generated/DarkLight.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgDarkLight = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 512 512" {...props}>

app/components/icons-generated/Discord.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgDiscord = (props: SVGProps<SVGSVGElement>) => (
   <svg

app/components/icons-generated/Dislike.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgDislike = (props: SVGProps<SVGSVGElement>) => (
   <svg

app/components/icons-generated/EclipseBook.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgEclipseBook = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={1056} height={348} fill="none" {...props}>

app/components/icons-generated/EclipseIndividual.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgEclipseIndividual = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={320} height={224} fill="none" {...props}>

app/components/icons-generated/EclipseTeam.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgEclipseTeam = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 320 289" {...props}>

app/components/icons-generated/Edit.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgEdit = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 512 512" {...props}>

app/components/icons-generated/Ellipsis.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgEllipsis = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 448 512" {...props}>

app/components/icons-generated/Flag.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgFlag = (props: SVGProps<SVGSVGElement>) => (
   <svg

app/components/icons-generated/Followup.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgFollowup = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 512 512" {...props}>

app/components/icons-generated/GroupTopEcplise.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgGroupTopEcplise = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={320} height={224} fill="none" {...props}>

app/components/icons-generated/Hide.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgHide = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 640 512" {...props}>

app/components/icons-generated/Like.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgLike = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 512 512" {...props}>

app/components/icons-generated/Link.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgLink = (props: SVGProps<SVGSVGElement>) => (
   <svg

app/components/icons-generated/Magnifying.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgMagnifying = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 17" {...props}>

app/components/icons-generated/MagnifyingGlass.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgMagnifyingGlass = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 512 512" {...props}>

app/components/icons-generated/OpenBook.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgOpenBook = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" {...props}>

app/components/icons-generated/Paper.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgPaper = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>

app/components/icons-generated/Pencil.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgPencil = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>

app/components/icons-generated/PlaneSend.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgPlaneSend = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={48} height={48} fill="none" {...props}>

app/components/icons-generated/Search.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 512 512" {...props}>

app/components/icons-generated/Share.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgShare = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" viewBox="0 0 448 512" {...props}>

app/components/icons-generated/Speaker.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgSpeaker = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" {...props}>

app/components/icons-generated/StampyChat.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgStampyChat = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={40} height={35} fill="none" {...props}>

app/components/icons-generated/Tag.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgTag = (props: SVGProps<SVGSVGElement>) => (
   <svg

app/components/icons-generated/ThumbDown.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgThumbDown = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none" {...props}>

app/components/icons-generated/ThumbUp.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgThumbUp = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none" {...props}>

app/components/icons-generated/Undo.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgUndo = (props: SVGProps<SVGSVGElement>) => (
   <svg

app/components/icons-generated/Users.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgUsers = (props: SVGProps<SVGSVGElement>) => (
   <svg

app/components/icons-generated/X.tsx

@@ -1,4 +1,3 @@
-import * as React from 'react'
 import type {SVGProps} from 'react'
 const SvgX = (props: SVGProps<SVGSVGElement>) => (
   <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" {...props}>

app/components/search.tsx

@@ -1,7 +1,6 @@
 import {useState, useEffect, useRef} from 'react'
 import debounce from 'lodash/debounce'
 import {useSearch} from '~/hooks/useSearch'
-import AutoHeight from 'react-auto-height'
 import {Question} from '~/server-utils/stampy'
 import {SearchInput} from './SearchInput/Input'
 import {fetchAllQuestionsOnSite} from '~/routes/questions.allQuestionsOnSite'