feat: enhance database constraints and indexes pages with highlighted search results

Author: letstri

apps/desktop/src/routes/_protected/database/$id/definitions/constraints/index.tsx

@@ -154,14 +154,14 @@ function DatabaseConstraintsPage() {
                   >
                     <Badge variant="outline" className="text-xs font-normal">
                       <RiTable2 className="mr-1 size-3" />
-                      {item.table}
+                      <HighlightText text={item.table} match={search} />
                     </Badge>
                     {item.column && (
                       <>
                         <span>on</span>
                         <Badge variant="outline" className="font-mono text-xs">
                           <RiLayoutColumnLine className="mr-1 size-3" />
-                          {item.column}
+                          <HighlightText text={item.column} match={search} />
                         </Badge>
                       </>
                     )}

apps/desktop/src/routes/_protected/database/$id/definitions/indexes/index.tsx

@@ -181,7 +181,7 @@ function DatabaseIndexesPage() {
                   >
                     <Badge variant="outline" className="text-xs font-normal">
                       <RiTable2 className="mr-1 size-3" />
-                      {item.table}
+                      <HighlightText text={item.table} match={search} />
                     </Badge>
                     <span>on</span>
                     {item.columns.map((col: string) => (
@@ -191,7 +191,7 @@ function DatabaseIndexesPage() {
                         className="font-mono text-xs"
                       >
                         <RiLayoutColumnLine className="mr-1 size-3" />
-                        {col}
+                        <HighlightText text={col} match={search} />
                       </Badge>
                     ))}
                   </div>