Restore blank line after state declarations and use focus-visible on force button

Author: jonathangreen

src/components/CollectionImportButton.tsx

@@ -26,6 +26,7 @@ const CollectionImportButton: React.FC<CollectionImportButtonProps> = ({
   const [importing, setImporting] = React.useState(false);
   const [feedback, setFeedback] = React.useState<string | null>(null);
   const [success, setSuccess] = React.useState(false);
+
   React.useEffect(() => {
     setForce(false);
     setImporting(false);

src/stylesheets/collection.scss

@@ -17,7 +17,7 @@
     color: $dark-gray;
 
     &:hover,
-    &:focus {
+    &:focus-visible {
       background: $yellow;
       border-color: darken($yellow, 25%);
       color: $dark-gray;