Chore: some frontend sonar fixes

src-ui/src/app/components/chat/chat/chat.component.html

@@ -29,9 +29,11 @@
       </div>
 
       <form class="chat-input">
+        <label class="visually-hidden" for="chatInput" i18n>Message</label>
         <div class="input-group">
           <input
             #chatInput
+            id="chatInput"
             class="form-control form-control-sm" name="chatInput" type="text"
             [placeholder]="placeholder"
             [disabled]="loading"

src-ui/src/app/components/chat/chat/chat.component.spec.ts

@@ -76,7 +76,7 @@ describe('ChatComponent', () => {
     component.input = 'Hello'
     component.sendMessage()
 
-    expect(component.messages.length).toBe(2)
+    expect(component.messages).toHaveLength(2)
     expect(component.messages[0].content).toBe('Hello')
     expect(component.loading).toBe(true)
 
@@ -158,7 +158,7 @@ describe('ChatComponent', () => {
     const message = { content: '', role: 'assistant', isStreaming: true }
     component.enqueueTypewriter(null, message as any) // coverage for null
     component.enqueueTypewriter('Hello', message as any)
-    expect(component['typewriterBuffer'].length).toBe(4)
+    expect(component['typewriterBuffer']).toHaveLength(4)
   })
 
   it('should scroll to bottom after sending a message', () => {