SONAR-11067 Align status dots in Branches Admin page

server/sonar-web/src/main/js/apps/projectBranches/components/App.tsx

             <thead>
               <tr>
                 <th>{translate('branch')}</th>
-                <th className="thin nowrap text-right">{translate('status')}</th>
+                <th className="thin nowrap">{translate('status')}</th>
                 <th className="thin nowrap text-right big-spacer-left">
                   {translate('branches.last_analysis_date')}
                 </th>

server/sonar-web/src/main/js/apps/projectBranches/components/BranchRow.tsx

             <div className="outline-badge spacer-left">{translate('branches.main_branch')}</div>
           )}
         </td>
-        <td className="thin nowrap text-right">
-          <BranchStatus branchLike={branchLike} helpTooltipClassName="table-cell-doc" />
+        <td className="thin nowrap">
+          <BranchStatus branchLike={branchLike} />
         </td>
         <td className="thin nowrap text-right big-spacer-left">
           {branchLike.analysisDate && <DateFromNow date={branchLike.analysisDate} />}

server/sonar-web/src/main/js/apps/projectBranches/components/__tests__/__snapshots__/App-test.tsx.snap

             branch
           </th>
           <th
-            className="thin nowrap text-right"
+            className="thin nowrap"
           >
             status
           </th>

server/sonar-web/src/main/js/apps/projectBranches/components/__tests__/__snapshots__/BranchRow-test.tsx.snap

     </div>
   </td>
   <td
-    className="thin nowrap text-right"
+    className="thin nowrap"
   >
     <BranchStatus
       branchLike={
           "name": "master",
         }
       }
-      helpTooltipClassName="table-cell-doc"
     />
   </td>
   <td
     1234 – Feature PR
   </td>
   <td
-    className="thin nowrap text-right"
+    className="thin nowrap"
   >
     <BranchStatus
       branchLike={
           "title": "Feature PR",
         }
       }
-      helpTooltipClassName="table-cell-doc"
     />
   </td>
   <td
     feature
   </td>
   <td
-    className="thin nowrap text-right"
+    className="thin nowrap"
   >
     <BranchStatus
       branchLike={
           "type": "SHORT",
         }
       }
-      helpTooltipClassName="table-cell-doc"
     />
   </td>
   <td

server/sonar-web/src/main/js/components/common/BranchStatus.tsx

  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import * as React from 'react';
-import * as classNames from 'classnames';
 import StatusIndicator from './StatusIndicator';
 import Level from '../ui/Level';
 import BugIcon from '../icons-components/BugIcon';
 interface Props {
   branchLike: T.BranchLike;
   concise?: boolean;
-  helpTooltipClassName?: string;
 }
 
-export default function BranchStatus({ branchLike, concise = false, helpTooltipClassName }: Props) {
+export default function BranchStatus({ branchLike, concise = false }: Props) {
   if (isShortLivingBranch(branchLike) || isPullRequest(branchLike)) {
     if (!branchLike.status) {
       return null;
         </li>
         {shouldDisplayHelper && (
           <HelpTooltip
-            className={classNames('spacer-left', helpTooltipClassName)}
+            className="spacer-left"
             overlay={translateWithParameters(
               'branches.short_lived.quality_gate.description',
               totalIssues