feat(fileList): add action column to display context menu

static/css/components/fileList.css

@@ -1,6 +1,6 @@
 /* File list - Improved style */
 .files-list-view {
-	--files-list-columns: 36px minmax(200px, 2fr) 100px 110px 160px;
+	--files-list-columns: 36px minmax(200px, 2fr) 100px 110px 130px 36px;
 	display: flex;
 	flex-direction: column;
 	width: 100%;
@@ -73,6 +73,10 @@
 	overflow: hidden;
 }
 
+.file-item .action-cell {
+	align-items: center;
+}
+
 .file-item .name-cell span {
 	white-space: nowrap;
 	overflow: hidden;
@@ -307,6 +311,11 @@
 	display: none;
 }
 
+.list-header > div:nth-child(5),
+.file-item .date-cell {
+	justify-self: center;
+	text-align: center;
+}
 .file-item .date-cell {
 	color: #718096;
 	font-size: 14px;
@@ -335,6 +344,25 @@
 	border: 2px dashed #ffc107;
 }
 
+/* More actions button (three dots) */
+.file-more {
+	width: 30px;
+	height: 30px;
+	border-radius: 8px;
+	border: none;
+	background: transparent;
+	align-items: center;
+	justify-content: center;
+	transition: opacity 0.15s, background 0.15s;
+	cursor: pointer;
+	color: #64748b;
+	font-size: 16px;
+}
+
+.file-more:hover {
+	background: #e0e5e8;
+	color: #334155;
+}
 
 [data-theme="dark"] .files-list-view {
 	background-color: #1e293b;
@@ -385,3 +413,12 @@
 	background-color: rgba(255, 193, 7, 0.05);
 }
 
+[data-theme="dark"] .file-more {
+	color: #94a3b8;
+}
+
+[data-theme="dark"] .file-more:hover {
+	background: #334155;
+	color: #e2e8f0;
+}
+