Add server configuration management.

frontend/src/components/input.tsx

@@ -0,0 +1,22 @@
+interface InputProps {
+  type?: string;
+  placeholder?: string;
+  value: string;
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+  label: string;
+  inlineLabel?: boolean;
+}
+
+export default function Input(props: InputProps) {
+  if (props.inlineLabel) {
+    return <label className="input w-full">
+      {props.label}
+      <input type={props.type} className="grow" placeholder={props.placeholder} value={props.value} onChange={props.onChange} />
+    </label>
+  } else {
+    return <fieldset className="fieldset w-full">
+      <legend className="fieldset-legend">{props.label}</legend>
+      <input type={props.type} className="input w-full" placeholder={props.placeholder} value={props.value} onChange={props.onChange} />
+    </fieldset>
+  }
+}