refactor

src/app/ui/dashboard/recent-files-list.tsx

@@ -1,5 +1,50 @@
 /* removed */
 
+/* .recent-files-list {
+	.file-item {
+		display: flex;
+		align-items: center;
+		padding: 12px 0;
+		border-bottom: 1px solid #f8fafc;
+		transition: background-color 0.2s;
+
+		&:hover {
+			background: #f8fafc;
+			margin: 0 -15px;
+			padding-left: 15px;
+			padding-right: 15px;
+			border-radius: 10px;
+		}
+	}
+
+	.file-icon {
+		width: 32px;
+		height: 32px;
+		border-radius: 8px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-right: 12px;
+		font-size: 14px;
+	}
+
+	.file-info {
+		flex: 1;
+	}
+
+	.file-name {
+		font-weight: 500;
+		color: v.$text-s;
+		font-size: 14px;
+		margin-bottom: 2px;
+	}
+
+	.file-meta {
+		font-size: 12px;
+		color: #64748b;
+	}
+} */
+
 export default function RecentFilesList() {
 	return (
 		<div className="recent-files-list block-wrapper">