Extract PasswordInput styles into standalone stylesheet

Move .password-input-wrapper styles out of debug_authentication.scss
into their own password_input.scss so the component is styled correctly
when reused outside of the debug authentication context.

Author: jonathangreen

src/stylesheets/app.scss

@@ -49,6 +49,7 @@ $fontfamily: 'Open Sans', sans-serif;
 @import "library_registration";
 @import "manage_patrons";
 @import "paired_menu";
+@import "password_input";
 @import "protocol_form_field";
 @import "self_tests";
 @import "set_up";

src/stylesheets/debug_authentication.scss

@@ -102,31 +102,4 @@
   .panel-success > .panel-heading {
     background: $green-muted;
   }
-
-  .password-input-wrapper {
-    position: relative;
-
-    input {
-      padding-right: 40px;
-    }
-
-    .password-toggle-btn {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      position: absolute;
-      top: 50%;
-      right: 6px;
-      background: none;
-      border: none;
-      padding: 4px;
-      cursor: pointer;
-      transform: translateY(-50%);
-
-      svg {
-        width: 20px;
-        height: auto;
-      }
-    }
-  }
 }

src/stylesheets/password_input.scss

@@ -0,0 +1,26 @@
+.password-input-wrapper {
+  position: relative;
+
+  input {
+    padding-right: 40px;
+  }
+
+  .password-toggle-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+    top: 50%;
+    right: 6px;
+    background: none;
+    border: none;
+    padding: 4px;
+    cursor: pointer;
+    transform: translateY(-50%);
+
+    svg {
+      width: 20px;
+      height: auto;
+    }
+  }
+}