Merge pull request #9909 from overleaf/jel-dash-sidebar-tag

[web] Fix tag name expanding React dash sidebar

GitOrigin-RevId: ed316e2219ed78a8a57e593507adac56ff55416e

services/web/frontend/stylesheets/app/project-list-react.less

@@ -179,6 +179,8 @@
         position: relative;
         padding: @folders-tag-padding;
         display: @folders-tag-display;
+        white-space: normal;
+        word-wrap: anywhere;
 
         span.name {
           padding-left: 0.5em;

services/web/frontend/stylesheets/app/project-list.less

@@ -351,7 +351,7 @@ ul.folders-menu {
         background-color: @folders-tag-menu-hover;
       }
     }
-    button.tag-name {
+    .tag-name {
       position: relative;
       padding: @folders-tag-padding;
       display: @folders-tag-display;

services/web/frontend/stylesheets/core/variables.less

@@ -952,7 +952,7 @@
 @folders-title-line-height: @headings-line-height;
 @folders-title-color: @ol-blue-gray-2;
 @folders-title-text-transform: uppercase;
-@folders-tag-padding: @folders-menu-item-v-padding 20px
+@folders-tag-padding: @folders-menu-item-v-padding 30px
   @folders-menu-item-v-padding @folders-menu-item-h-padding;
 @folders-tag-line-height: 1.4;
 @folders-tag-display: block;