[chore] Settings refactor 2: the re-refactoring-ing (#2866)

* [chore] Bit more refactoring of settings panel

* fix up some remaining things

* groovy baby yeah!

* remove unused Suspense

web/source/settings/components/combo-box.jsx

@@ -1,51 +0,0 @@
-/*
-	GoToSocial
-	Copyright (C) GoToSocial Authors admin@gotosocial.org
-	SPDX-License-Identifier: AGPL-3.0-or-later
-
-	This program is free software: you can redistribute it and/or modify
-	it under the terms of the GNU Affero General Public License as published by
-	the Free Software Foundation, either version 3 of the License, or
-	(at your option) any later version.
-
-	This program is distributed in the hope that it will be useful,
-	but WITHOUT ANY WARRANTY; without even the implied warranty of
-	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-	GNU Affero General Public License for more details.
-
-	You should have received a copy of the GNU Affero General Public License
-	along with this program.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-const React = require("react");
-
-const {
-	Combobox,
-	ComboboxItem,
-	ComboboxPopover,
-} = require("ariakit/combobox");
-
-module.exports = function ComboBox({ field, items, label, children, ...inputProps }) {
-	return (
-		<div className="form-field combobox-wrapper">
-			<label>
-				{label}
-				<div className="row">
-					<Combobox
-						state={field.state}
-						className="combobox input"
-						{...inputProps}
-					/>
-					{children}
-				</div>
-			</label>
-			<ComboboxPopover state={field.state} className="popover">
-				{items.map(([key, value]) => (
-					<ComboboxItem className="combobox-item" key={key} value={key}>
-						{value}
-					</ComboboxItem>
-				))}
-			</ComboboxPopover>
-		</div>
-	);
-};