split SettingsSection out of SettingsTab, replace usage (#10735)

* split SettingsSection out of SettingsTab, replace usage

* correct copyright

* fix VoipRoomSettingsTab

test/components/views/settings/tabs/SettingsTab-test.tsx

@@ -22,7 +22,7 @@ import SettingsTab, { SettingsTabProps } from "../../../../../src/components/vie
 describe("<SettingsTab />", () => {
     const getComponent = (props: SettingsTabProps): ReactElement => <SettingsTab {...props} />;
     it("renders tab", () => {
-        const { container } = render(getComponent({ heading: "Test Tab", children: <div>test</div> }));
+        const { container } = render(getComponent({ children: <div>test</div> }));
 
         expect(container).toMatchSnapshot();
     });

test/components/views/settings/tabs/__snapshots__/SettingsTab-test.tsx.snap

@@ -5,11 +5,6 @@ exports[`<SettingsTab /> renders tab 1`] = `
   <div
     class="mx_SettingsTab"
   >
-    <h2
-      class="mx_Heading_h2"
-    >
-      Test Tab
-    </h2>
     <div
       class="mx_SettingsTab_sections"
     >