Feature: Auth (#4)

* feat(api): add auth

* feat(web): add auth and refactor

* refactor(web): baseurl

* feat: add autobrrctl cli for user creation

* build: move static assets

* refactor(web): auth guard and routing

* refactor: rename var

* fix: remove subrouter

* build: update default config

web/src/components/inputs/PasswordField.tsx

@@ -0,0 +1,47 @@
+import { Field } from "react-final-form";
+import React from "react";
+import Error from "./Error";
+import {classNames} from "../../styles/utils";
+
+type COL_WIDTHS = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+
+interface Props {
+    name: string;
+    label?: string;
+    placeholder?: string;
+    columns?: COL_WIDTHS;
+    className?: string;
+    autoComplete?: string;
+}
+
+const PasswordField: React.FC<Props> = ({ name, label, placeholder, columns , className, autoComplete}) => (
+    <div
+        className={classNames(
+            columns ? `col-span-${columns}` : "col-span-12"
+        )}
+    >
+        {label && (
+            <label htmlFor={name} className="block text-xs font-bold text-gray-700 uppercase tracking-wide">
+                {label}
+            </label>
+        )}
+        <Field
+            name={name}
+            render={({input, meta}) => (
+                <input
+                    {...input}
+                    id={name}
+                    type="password"
+                    autoComplete={autoComplete}
+                    className="mt-2 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-light-blue-500 focus:border-light-blue-500 sm:text-sm"
+                    placeholder={placeholder}
+                />
+            )}
+            />
+        <div>
+            <Error name={name} classNames="text-red mt-2" />
+        </div>
+    </div>
+)
+
+export default PasswordField;