use older ubuntu for e2e test, lint

.github/workflows/test_e2e.yml

@@ -5,7 +5,7 @@ on: push
 jobs:
   end-to-end-tests:
     name: End-to-End Tests
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-22.04
     steps:
       - name: Checkout code
         uses: actions/checkout@v3

frontend/src/components/Inputs/InputUsername.vue

@@ -74,7 +74,7 @@ const labelFor = computed(() => `${props.name}-input-field`)
 </script>
 
 <style>
-div#username_form > div > label {
+div#username-form > div > label {
   margin-bottom: 8px;
 }
 </style>

frontend/src/components/UserSettings/UserName.spec.js

@@ -103,7 +103,7 @@ describe('UserName Form', () => {
 
   describe('when no username is set', () => {
     it('renders the component', () => {
-      expect(wrapper.find('div#username_form').exists()).toBe(true)
+      expect(wrapper.find('div#username-form').exists()).toBe(true)
     })
 
     it('displays the no-username alert', () => {

frontend/src/components/UserSettings/UserName.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="username_form">
+  <div id="username-form">
     <div v-if="store.state.username">
       <label>{{ $t('form.username') }}</label>
       <BFormGroup