docs: improvements of docs UI (#6038)

* docs: improvements of docs UI

* changed note about icon sizes

www/apps/ui/src/registries/example-registry.tsx

@@ -330,6 +330,11 @@ export const ExampleRegistry: Record<string, ExampleType> = {
     ),
     file: "src/examples/switch-checked-disabled.tsx",
   },
+  "table-pagination": {
+    name: "table-pagination",
+    component: React.lazy(async () => import("@/examples/table-pagination")),
+    file: "src/examples/table-pagination.tsx",
+  },
   "table-demo": {
     name: "table-demo",
     component: React.lazy(async () => import("@/examples/table-demo")),
@@ -459,6 +464,16 @@ export const ExampleRegistry: Record<string, ExampleType> = {
     component: React.lazy(async () => import("@/examples/icon-button-xlarge")),
     file: "src/examples/icon-button-xlarge.tsx",
   },
+  "icon-color-classes": {
+    name: "icon-color-classes",
+    component: React.lazy(async () => import("@/examples/icon-color-classes")),
+    file: "src/examples/icon-color-classes.tsx",
+  },
+  "icon-color": {
+    name: "icon-color",
+    component: React.lazy(async () => import("@/examples/icon-color")),
+    file: "src/examples/icon-color.tsx",
+  },
   "currency-input-demo": {
     name: "currency-input-demo",
     component: React.lazy(async () => import("@/examples/currency-input-demo")),