Refactors most controllers and directives into classes for more organized and maintainable code

app/assets/stylesheets/_lock-screen.scss

@@ -0,0 +1,35 @@
+#lock-screen {
+  position: relative;
+  height: 100%;
+  width: 100vw;
+
+  margin-left: auto;
+  margin-right: auto;
+
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+
+  z-index: $z-index-lock-screen;
+  background-color: var(--sn-stylekit-background-color);
+  color: var(--sn-stylekit-foreground-color);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  .sk-panel {
+    width: 315px;
+    flex-grow: 0;
+    // border-radius: 0;
+
+    .sk-panel-header {
+      justify-content: center;
+    }
+  }
+
+  #passcode-reset {
+    text-align: center;
+  }
+}