add basic model and interface

src/Views/connectionSection.tsx

@@ -0,0 +1,16 @@
+import * as React from "bloatless-react";
+
+import { ConnectionInputView } from "./connectionSettingsView";
+import { ConnectionStatusView } from "./connectionStatusView";
+import { translation } from "../translations";
+
+export function ConnectionSection() {
+  return (
+    <div>
+        <h2>{translation.connection}</h2>
+        {ConnectionStatusView()}
+        <hr></hr>
+        {ConnectionInputView()}
+    </div>
+  );
+}