feat: enable enterprise users to specify a custom logo (#5566)

* feat: enable enterprise users to specify a custom logo

This adds a field in deployment settings that allows users to specify
the URL to a custom logo that will display in the dashboard.

This also groups service banner into a new appearance settings page.
It adds a Fieldset component to allow for modular fields moving forward.

* Fix tests

site/src/AppRouter.tsx

@@ -76,8 +76,8 @@ const GeneralSettingsPage = lazy(
 const SecuritySettingsPage = lazy(
   () => import("./pages/DeploySettingsPage/SecuritySettingsPage"),
 )
-const ServiceBannerSettingsPage = lazy(
-  () => import("./pages/DeploySettingsPage/ServiceBannerSettingsPage"),
+const AppearanceSettingsPage = lazy(
+  () => import("./pages/DeploySettingsPage/AppearanceSettingsPage"),
 )
 const UserAuthSettingsPage = lazy(
   () => import("./pages/DeploySettingsPage/UserAuthSettingsPage"),
@@ -345,14 +345,14 @@ export const AppRouter: FC = () => {
             }
           />
           <Route
-            path="service-banner"
+            path="appearance"
             element={
               <AuthAndFrame>
                 <RequirePermission
                   isFeatureVisible={Boolean(permissions?.viewDeploymentConfig)}
                 >
                   <DeploySettingsLayout>
-                    <ServiceBannerSettingsPage />
+                    <AppearanceSettingsPage />
                   </DeploySettingsLayout>
                 </RequirePermission>
               </AuthAndFrame>