chore(web): change license wording and other things (#11309)

web/src/lib/components/shared-components/settings/setting-accordion.svelte

@@ -10,11 +10,20 @@
   export let key: string;
   export let isOpen = $accordionState.has(key);
 
+  let accordionElement: HTMLDivElement;
+
   $: setIsOpen(isOpen);
 
   const setIsOpen = (isOpen: boolean) => {
     if (isOpen) {
       $accordionState = $accordionState.add(key);
+
+      setTimeout(() => {
+        accordionElement.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start',
+        });
+      }, 200);
     } else {
       $accordionState.delete(key);
       $accordionState = $accordionState;
@@ -26,7 +35,7 @@
   });
 </script>
 
-<div class="border-b-[1px] border-gray-200 py-4 dark:border-gray-700">
+<div class="border-b-[1px] border-gray-200 py-4 dark:border-gray-700" bind:this={accordionElement}>
   <button
     type="button"
     aria-expanded={isOpen}