feat: hostd config simple

.changeset/chatty-jobs-knock.md

@@ -0,0 +1,5 @@
+---
+'hostd': minor
+---
+
+The configuration now has an advanced mode that allows the user to view and change all settings.

.changeset/honest-hotels-relate.md

@@ -0,0 +1,5 @@
+---
+'hostd': minor
+---
+
+The configuration page now shows the changed status on fields if the user has made a change but the server values were since updated.

.changeset/seven-eagles-pull.md

@@ -0,0 +1,5 @@
+---
+'hostd': minor
+---
+
+The configuration is now much simpler by default, only requiring the user to set essential settings.

apps/hostd/components/Config/ConfigNav.tsx

@@ -0,0 +1,22 @@
+import { Text, Switch, Tooltip } from '@siafoundation/design-system'
+import { useConfig } from '../../contexts/config'
+
+export function ConfigNav() {
+  const { showAdvanced, setShowAdvanced } = useConfig()
+
+  return (
+    <div className="pl-1">
+      <Tooltip content={showAdvanced ? 'Hide advanced' : 'Show advanced'}>
+        <div className="flex gap-1 items-center">
+          <Switch
+            checked={showAdvanced}
+            onCheckedChange={(checked) => setShowAdvanced(checked)}
+          />
+          <Text size="12" color="subtle">
+            Advanced
+          </Text>
+        </div>
+      </Tooltip>
+    </div>
+  )
+}