fix(eds-core-react): replace styled-components Progress with spinning icon in Autocomplete (#4982)

* fix(next): replace old styled-components Progress with spinning icon in Autocomplete

Removes the styled-components dependency from next/Autocomplete by swapping
Progress.Circular for a spinning next/Icon. A TODO marks the spot to restore
a proper next/Progress when that component is available.

Part of #4978

* fix(eds-core-react): fix Prettier import formatting in Autocomplete

Author: millus

packages/eds-core-react/src/components/next/Autocomplete/Autocomplete.tsx

@@ -12,7 +12,12 @@ import {
   type ReactElement,
   type RefAttributes,
 } from 'react'
-import { search as searchIcon, close, add_box } from '@equinor/eds-icons'
+import {
+  search as searchIcon,
+  close,
+  add_box,
+  refresh,
+} from '@equinor/eds-icons'
 import type { AutocompleteProps } from './Autocomplete.types'
 import {
   defaultOptionsFilter,
@@ -25,8 +30,6 @@ import { Input } from '../Input'
 import { Icon } from '../Icon'
 import { Button } from '../Button'
 import { Menu, MenuItem } from '../Menu'
-// TODO: replace with next/Progress when available
-import { Progress } from '../../Progress'
 
 type OptionItem<T> =
   | { type: 'list'; value: T }
@@ -486,7 +489,13 @@ function AutocompleteInner<T = string>(
             startAdornment={<Icon data={searchIcon} className="search-icon" />}
             endAdornment={
               loading ? (
-                <Progress.Circular size={16} />
+                // TODO: replace with next/Progress when available
+                <Icon
+                  data={refresh}
+                  size="xs"
+                  className="loading-icon"
+                  aria-label="Loading"
+                />
               ) : (
                 <Button
                   variant="ghost"

packages/eds-core-react/src/components/next/Autocomplete/autocomplete.css

@@ -1,5 +1,15 @@
+@keyframes eds-autocomplete-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 @layer eds-components {
   .eds-autocomplete {
+    & .loading-icon {
+      animation: eds-autocomplete-spin 1s linear infinite;
+    }
+
     & .anchor {
       anchor-name: var(--menu-anchor);
     }