support sort

src/styles.css

@@ -289,6 +289,30 @@ button {
   padding: 16px;
 }
 
+.sort-bar {
+  display: flex;
+  justify-content: flex-end;
+  margin-bottom: 12px;
+}
+
+.sort-control {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--muted);
+  font-size: 0.84rem;
+}
+
+.sort-control select {
+  min-width: 132px;
+  padding: 7px 28px 7px 10px;
+  border: 1px solid rgba(148, 163, 184, 0.26);
+  border-radius: 10px;
+  background: rgba(255, 255, 255, 0.9);
+  color: var(--text);
+  outline: none;
+}
+
 .section-tabs {
   display: flex;
   gap: 10px;
@@ -517,6 +541,20 @@ button {
 }
 
 @media (max-width: 720px) {
+  .sort-bar {
+    justify-content: stretch;
+  }
+
+  .sort-control {
+    width: 100%;
+    justify-content: space-between;
+  }
+
+  .sort-control select {
+    min-width: 0;
+    width: 160px;
+  }
+
   .profile-card,
   .extension-card,
   .bookmark-card {