Pre-Render Last Commit Block

By pre-rendering already in HAML we are able
to reduce the overall CLS by a lot

app/assets/stylesheets/pages/tree.scss

+.project-last-commit {
+  min-height: 4.75rem;
+}
+
 .tree-holder {
   .nav-block {
     margin: 16px 0;

app/views/projects/_files.html.haml

@@ -11,6 +11,9 @@
     = render 'projects/tree/tree_header', tree: @tree
 
   #js-last-commit
+    .info-well.gl-display-none.gl-display-sm-flex.project-last-commit
+      .gl-spinner-container.m-auto
+        = loading_icon(size: 'md', color: 'dark', css_class: 'align-text-bottom')
 
   - if is_project_overview
     .project-buttons.gl-mb-3.js-show-on-project-root

changelogs/unreleased/tz-reduce-last-commit-cls.yml

+---
+title: Rendering Loading State of Last Commit earlier
+merge_request: 49362
+author:
+type: performance