feat: move corporate design section to design accordion item

src/components/Settings/Overlay.tsx

@@ -619,44 +619,6 @@ const SettingsOverlay: Component = () => {
                   </div>
                 </AccordionItemGrid>
                 <AccordionItemEnd />
-
-                <AccordionItemDivider>Corporate Design</AccordionItemDivider>
-                <AccordionItemGrid>
-                  <div class="col-span-2">
-                    <TextInput
-                      label="Logo"
-                      type="file"
-                      class="file-input"
-                      accept="image/png, image/jpeg, image/svg+xml"
-                      onInput={async (evt) => {
-                        if (!evt.currentTarget.files) {
-                          return;
-                        }
-
-                        const file = evt.currentTarget.files[0];
-                        if (!file) {
-                          return;
-                        }
-
-                        const content = await uploadFile(file, "dataUrl");
-                        if (!content) {
-                          return;
-                        }
-
-                        const image = document.createElement("img");
-                        image.src = content;
-                        image.onload = function () {
-                          setLocalState("logo", {
-                            width: image.width,
-                            height: image.height,
-                            type: file.type,
-                            url: content,
-                          });
-                        };
-                      }}
-                    />
-                  </div>
-                </AccordionItemGrid>
               </YourDataValidationContext>
             </AccordionContent>
           </AccordionItem>
@@ -763,6 +725,44 @@ const SettingsOverlay: Component = () => {
             item={4}
           >
             <AccordionContent>
+              <AccordionItemDivider>Corporate Design</AccordionItemDivider>
+              <AccordionItemGrid>
+                <div class="col-span-2">
+                  <TextInput
+                    label="Logo"
+                    type="file"
+                    class="file-input"
+                    accept="image/png, image/jpeg, image/svg+xml"
+                    onInput={async (evt) => {
+                      if (!evt.currentTarget.files) {
+                        return;
+                      }
+
+                      const file = evt.currentTarget.files[0];
+                      if (!file) {
+                        return;
+                      }
+
+                      const content = await uploadFile(file, "dataUrl");
+                      if (!content) {
+                        return;
+                      }
+
+                      const image = document.createElement("img");
+                      image.src = content;
+                      image.onload = function () {
+                        setLocalState("logo", {
+                          width: image.width,
+                          height: image.height,
+                          type: file.type,
+                          url: content,
+                        });
+                      };
+                    }}
+                  />
+                </div>
+              </AccordionItemGrid>
+              <AccordionItemDivider>Sonstiges</AccordionItemDivider>
               <AccordionItemGrid>
                 <div class="col-span-2">
                   <Checkbox