ui: I HATE STYLED-COMPONENTS WITH TYPESCRIPT

resources/scripts/components/elements/Select.tsx

@@ -1,5 +1,4 @@
-import styled, { css } from 'styled-components/macro';
-import tw from 'twin.macro';
+import tw, { css, styled } from 'twin.macro';
 
 interface Props {
     hideDropdownArrow?: boolean;
@@ -22,11 +21,11 @@ const Select = styled.select<Props>`
     &::-ms-expand {
         display: none;
     }
-    
+
     ${props => !props.hideDropdownArrow && css`
         ${tw`bg-neutral-600 border-neutral-500 text-neutral-200`};
         background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23C3D1DF' d='M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z'/%3e%3c/svg%3e ");
-    
+
         &:hover:not(:disabled), &:focus {
             ${tw`border-neutral-400`};
         }