fix(desktop): enforce square file cards and icon tiles

desktop-client/src/App.vue

@@ -1382,7 +1382,8 @@ select:focus {
 .icon-grid {
   display: grid;
   gap: 10px;
-  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
+  grid-template-columns: repeat(auto-fill, 140px);
+  justify-content: flex-start;
   align-content: start;
   min-height: 0;
   overflow: auto;
@@ -1400,8 +1401,8 @@ select:focus {
   flex-direction: column;
   justify-content: flex-start;
   gap: 4px;
-  width: 100%;
-  aspect-ratio: 1 / 1;
+  width: 140px;
+  height: 140px;
   overflow: hidden;
 }
 
@@ -1417,7 +1418,14 @@ select:focus {
 }
 
 .file-icon-glyph {
-  font-size: 28px;
+  width: 44px;
+  height: 44px;
+  border-radius: 10px;
+  border: 1px solid #d7e4f8;
+  background: #f2f7ff;
+  display: grid;
+  place-items: center;
+  font-size: 24px;
   line-height: 1;
   margin-bottom: 6px;
 }