feat(shared): show in classic view if an item is shared

static/css/components/filesView.css

@@ -61,6 +61,10 @@
     background-color: var(--color-warning-ring);
 }
 
+.file-badge-shared {
+    color: var(--color-badge-blue-text);
+}
+
 /* ------------------File list View --------------------- */
 
 .list-header {
@@ -95,7 +99,7 @@
 }
 
 .files-list-view {
-    --files-list-columns: 36px minmax(200px, 2fr) 100px 110px 130px 64px;
+    --files-list-columns: 36px minmax(200px, 2fr) 100px 110px 130px 72px;
     display: flex;
     flex-direction: column;
     width: 100%;
@@ -174,7 +178,8 @@
     text-align: right;
 }
 
-.files-list-view .file-item .action-cell button {
+.files-list-view .file-item .action-cell button,
+.files-list-view .file-item .action-cell div {
     display: inline;
     width: 28px;
     height: 28px;
@@ -327,6 +332,25 @@
     border: 2px dashed var(--color-warning-border);
 }
 
+.files-grid-view .file-item .file-badge-shared {
+    position: absolute;
+    top: 38px;
+    right: 38px;
+    width: 30px;
+    height: 30px;
+    border-radius: 8px;
+    border: none;
+    background: transparent;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    z-index: 12;
+    font-size: 15px;
+    padding: 0;
+    line-height: 1;
+}
+
 /* Favorite star (mirrors file-actions button pattern) */
 .files-grid-view .file-item button.favorite-star {
     position: absolute;