Feat: Adjust the style of the home page #3221 (#7405)

### What problem does this PR solve?

Feat: Adjust the style of the home page #3321

### Type of change


- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/home/chat-list.tsx

@@ -0,0 +1,15 @@
+import { useFetchNextDialogList } from '@/hooks/chat-hooks';
+import { ApplicationCard } from './application-card';
+
+export function ChatList() {
+  const { data } = useFetchNextDialogList();
+
+  return data
+    .slice(0, 10)
+    .map((x) => (
+      <ApplicationCard
+        key={x.id}
+        app={{ avatar: x.icon, title: x.name, update_time: x.update_time }}
+      ></ApplicationCard>
+    ));
+}