Align bot username with backend changes

app/assets/javascripts/vue_shared/components/user_popover/user_popover.vue

@@ -12,7 +12,7 @@ import { glEmojiTag } from '../../../emoji';
 const MAX_SKELETON_LINES = 4;
 
 const SECURITY_BOT_USER_DATA = {
-  username: 'security-bot',
+  username: 'GitLab-Security-Bot',
   name: 'GitLab Security Bot',
 };
 
@@ -111,7 +111,7 @@ export default {
           </div>
           <div v-if="isSecurityBot" class="gl-text-blue-500">
             <gl-icon name="question" />
-            <gl-link data-testid="user-popover-security-bot-docs-link" :href="user.websiteUrl">
+            <gl-link data-testid="user-popover-bot-docs-link" :href="user.websiteUrl">
               {{ sprintf(__('Learn more about %{username}'), { username: user.name }) }}
             </gl-link>
           </div>

spec/frontend/vue_shared/components/user_popover/user_popover_spec.js

@@ -205,10 +205,10 @@ describe('User Popover Component', () => {
     const SECURITY_BOT_USER = {
       ...DEFAULT_PROPS.user,
       name: 'GitLab Security Bot',
-      username: 'security-bot',
+      username: 'GitLab-Security-Bot',
       websiteUrl: '/security/bot/docs',
     };
-    const findSecurityBotDocsLink = () => findByTestId('user-popover-security-bot-docs-link');
+    const findSecurityBotDocsLink = () => findByTestId('user-popover-bot-docs-link');
 
     it("shows a link to the bot's documentation", () => {
       createWrapper({ user: SECURITY_BOT_USER });