refactor(settings)!: rename Selection to SettingsSelection

Vue.js components should have multi-word names.

src/features/settings/components/SettingsPage.vue

@@ -15,7 +15,7 @@ limitations under the License.
 -->
 
 <script setup>
-import Selection from './Selection.vue';
+import SettingsSelection from './SettingsSelection.vue';
 import SettingsInput from './SettingsInput.vue';
 import SettingsPageLink from './SettingsPageLink.vue';
 import SettingsSwitch from './SettingsSwitch.vue';
@@ -53,7 +53,7 @@ const props = defineProps({
                 :setting="setting"
                 :path="`${props.path}.${setting.name}`"
             />
-            <Selection
+            <SettingsSelection
                 v-if="setting.type === 'selection'"
                 :setting="setting"
                 :path="`${props.path}.${setting.name}`"

src/features/settings/components/__tests__/SettingsPage.test.js

@@ -14,7 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import Selection from '../Selection.vue';
+import SettingsSelection from '../SettingsSelection.vue';
 import SettingsInput from '../SettingsInput.vue';
 import SettingsPage from '../SettingsPage.vue';
 import SettingsPageLink from '../SettingsPageLink.vue';
@@ -110,7 +110,7 @@ describe('SettingsPage', () => {
 
             const switchSetting = settingWrapper.findComponent(SettingsSwitch);
             const inputSetting = settingWrapper.findComponent(SettingsInput);
-            const selectionSetting = settingWrapper.findComponent(Selection);
+            const selectionSetting = settingWrapper.findComponent(SettingsSelection);
             const settingsPageLink = settingWrapper.findComponent(SettingsPageLink);
 
             let setting;

src/features/settings/components/__tests__/SettingsSelection.test.js

@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 import { useSettingsStore } from '../../stores/settingsStore.js';
-import Selection from '../Selection.vue';
+import SettingsSelection from '../SettingsSelection.vue';
 import { mountComponent } from '@/test-utils/mountComponent.js';
 import { expect, describe, test } from 'vitest';
 import { nextTick } from 'vue';
@@ -28,7 +28,7 @@ const getWrapper = function getWrapper({
     translations = {},
     piniaOptions = {}
 } = {}) {
-    return mountComponent(Selection, {
+    return mountComponent(SettingsSelection, {
         attrs: {
             setting: {
                 name: 'selection',
@@ -53,7 +53,7 @@ const exampleOptions = [
     { name: 'o2', i18n: 'o2' }
 ];
 
-describe('Selection', () => {
+describe('SettingsSelection', () => {
     test('displays options correctly', () => {
         const wrapper = getWrapper({ options: exampleOptions });