Refactor: Create reusable blue-link CSS class and fix white link styling

- Created .blue-link CSS class to replace repeated className attributes
- Replaced all instances of long blue link className with blue-link class
- Fixed white link in presto.mdx description with inline styles
- Addresses PR review comments for code maintainability

Author: Akshay-datazip

docs-iceberg-query-engine/athena.mdx

@@ -26,7 +26,7 @@ export const athenaFeatures = [
     chip: "AWS-Native Only",
     description: (
       <>
-        Only <Link to="/docs/writers/iceberg/catalog/glue/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">AWS Glue Data Catalog</Link> supported for Iceberg. Hive, REST, Nessie, or JDBC catalogs not recognized - tight AWS ecosystem integration
+        Only <Link to="/docs/writers/iceberg/catalog/glue/" className="blue-link">AWS Glue Data Catalog</Link> supported for Iceberg. Hive, REST, Nessie, or JDBC catalogs not recognized - tight AWS ecosystem integration
       </>
     ),
     icon: <BuildingOfficeIcon className="w-6 h-6" />,

docs-iceberg-query-engine/clickhouse.mdx

@@ -367,7 +367,7 @@ export const clickhouseFeatures = [
     chip: "Since 25.4",
     description: (
       <>
-        <Link to="/blog/2025/10/03/iceberg-metadata/#63-time-travel-rollback-and-branching" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">Time-travel</Link> since 25.4 with SET iceberg_timestamp_ms=&lt;epoch&gt; or iceberg_snapshot_id; partition pruning via use_iceberg_partition_pruning=1
+        <Link to="/blog/2025/10/03/iceberg-metadata/#63-time-travel-rollback-and-branching" className="blue-link">Time-travel</Link> since 25.4 with SET iceberg_timestamp_ms=&lt;epoch&gt; or iceberg_snapshot_id; partition pruning via use_iceberg_partition_pruning=1
       </>
     ),
     icon: <ClockIcon className="w-6 h-6" />,

docs-iceberg-query-engine/databricks.mdx

@@ -81,7 +81,7 @@ export const databricksFeatures = [
     chip: "Innovative",
     description: (
       <>
-        <Link to="/iceberg/query-engine/snowflake" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">UniForm</Link> enables the same table to be accessible as both Delta and Iceberg simultaneously, generating Iceberg metadata on every Delta commit
+        <Link to="/iceberg/query-engine/snowflake" className="blue-link">UniForm</Link> enables the same table to be accessible as both Delta and Iceberg simultaneously, generating Iceberg metadata on every Delta commit
       </>
     ),
     icon: <ArrowPathIcon className="w-6 h-6" />,
@@ -310,7 +310,7 @@ export const databricksFeatures = [
     chip: "Full Support",
     description: (
       <>
-        External engines can <Link to="/blog/2025/10/03/iceberg-metadata/#63-time-travel-rollback-and-branching" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">time-travel</Link> using standard Iceberg syntax with snapshot-ID or timestamp, enhanced with Delta version mapping properties
+        External engines can <Link to="/blog/2025/10/03/iceberg-metadata/#63-time-travel-rollback-and-branching" className="blue-link">time-travel</Link> using standard Iceberg syntax with snapshot-ID or timestamp, enhanced with Delta version mapping properties
       </>
     ),
     icon: <ClockIcon className="w-6 h-6" />,

docs-iceberg-query-engine/duckdb.mdx

@@ -24,7 +24,7 @@ export const duckdbFeatures = [
     chip: "Partial Support",
     description: (
       <>
-        Hadoop (file-system) and Iceberg <Link to="/iceberg/query-engine" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">REST catalog</Link> supported via rest option with bearer/OAuth tokens; no native Hive/Glue catalog yet
+        Hadoop (file-system) and Iceberg <Link to="/iceberg/query-engine" className="blue-link">REST catalog</Link> supported via rest option with bearer/OAuth tokens; no native Hive/Glue catalog yet
       </>
     ),
     icon: <BoltIcon className="w-6 h-6" />,
@@ -524,7 +524,7 @@ export const duckdbTableData = {
       details: {
         value: (
           <>
-            Hadoop (file-system), <Link to="/docs/writers/iceberg/catalog/rest/?rest-catalog=generic" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">REST catalog</Link> with OAuth tokens; no native Hive/Glue support
+            Hadoop (file-system), <Link to="/docs/writers/iceberg/catalog/rest/?rest-catalog=generic" className="blue-link">REST catalog</Link> with OAuth tokens; no native Hive/Glue support
           </>
         ),
         tooltip: "Can proxy Hive/Glue through REST but no direct catalog integration"

docs-iceberg-query-engine/flink.mdx

@@ -24,7 +24,7 @@ export const flinkFeatures = [
     chip: "Full Support",
     description: (
       <>
-        <Link to="/docs/writers/iceberg/catalog/hive/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">Hive Metastore</Link>, Hadoop catalog, REST catalog (incl. Nessie), <Link to="/docs/writers/iceberg/catalog/glue/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">AWS Glue</Link>, JDBC, plus any custom implementation via catalog-impl
+        <Link to="/docs/writers/iceberg/catalog/hive/" className="blue-link">Hive Metastore</Link>, Hadoop catalog, REST catalog (incl. Nessie), <Link to="/docs/writers/iceberg/catalog/glue/" className="blue-link">AWS Glue</Link>, JDBC, plus any custom implementation via catalog-impl
       </>
     ),
     icon: <BoltIcon className="w-6 h-6" />,
@@ -85,7 +85,7 @@ export const flinkFeatures = [
     chip: "Reference Engine",
     description: (
       <>
-        Reference engine for <Link to="/blog/building-modern-data-lakehouse-with-olake-iceberg-lakekeeper-trino" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">CDC → Iceberg</Link>: consume Debezium/Kafka changelogs, upsert with exactly-once semantics, FLIP-27 incremental reads
+        Reference engine for <Link to="/blog/building-modern-data-lakehouse-with-olake-iceberg-lakekeeper-trino" className="blue-link">CDC → Iceberg</Link>: consume Debezium/Kafka changelogs, upsert with exactly-once semantics, FLIP-27 incremental reads
       </>
     ),
     icon: <BoltIcon className="w-6 h-6" />,

docs-iceberg-query-engine/impala.mdx

@@ -24,7 +24,7 @@ export const impalaFeatures = [
     chip: "Enterprise Ready",
     description: (
       <>
-        Deep integration with <Link to="/iceberg/query-engine/hive" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">Hive Metastore</Link>, HadoopCatalog, and HadoopTables; other catalog implementations configurable via Hive site-config
+        Deep integration with <Link to="/iceberg/query-engine/hive" className="blue-link">Hive Metastore</Link>, HadoopCatalog, and HadoopTables; other catalog implementations configurable via Hive site-config
       </>
     ),
     icon: <BoltIcon className="w-6 h-6" />,
@@ -526,7 +526,7 @@ export const impalaTableData = {
       details: { 
         value: (
           <>
-            <Link to="/iceberg/query-engine/hive" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">Hive Catalog (HMS)</Link>, HadoopCatalog, HadoopTables; other catalog-impl via Hive site-config
+            <Link to="/iceberg/query-engine/hive" className="blue-link">Hive Catalog (HMS)</Link>, HadoopCatalog, HadoopTables; other catalog-impl via Hive site-config
           </>
         ),
         tooltip: "No direct Glue/REST/Nessie support; requires HMS infrastructure"

docs-iceberg-query-engine/presto.mdx

@@ -26,7 +26,7 @@ export const prestoFeatures = [
     chip: "REST/Nessie + OAuth2",
     description: (
       <>
-        <Link to="/iceberg/query-engine/hive" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">Hive Metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">AWS Glue</Link>, REST/Nessie (0.277+ with OAuth2), Hadoop (file-based); JDBC possible via same properties
+        <Link to="/iceberg/query-engine/hive" className="blue-link">Hive Metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="blue-link">AWS Glue</Link>, REST/Nessie (0.277+ with OAuth2), Hadoop (file-based); JDBC possible via same properties
       </>
     ),
     icon: <BoltIcon className="w-6 h-6" />,
@@ -635,7 +635,7 @@ export const prestoTableData = {
       details: {
         value: (
           <>
-            <Link to="/docs/writers/iceberg/catalog/hive/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">Hive Metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">AWS Glue</Link>, REST/Nessie (OAuth2), Hadoop file-based, JDBC via properties
+            <Link to="/docs/writers/iceberg/catalog/hive/" className="blue-link">Hive Metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="blue-link">AWS Glue</Link>, REST/Nessie (OAuth2), Hadoop file-based, JDBC via properties
           </>
         ),
         tooltip: "Universal catalog integration with advanced authentication"
@@ -846,7 +846,7 @@ export const prestoUseCases = [
   title="Presto 0.288+"
   description={
     <>
-      <Link to="/iceberg/query-engine/trino" className="white-link">Distributed SQL</Link> query engine with REST/Nessie catalogs, row-level DELETE, time travel, and configurable MoR/CoW modes for interactive analytics
+      <Link to="/iceberg/query-engine/trino" className="white-link" style={{color: 'white', textDecoration: 'underline'}}>Distributed SQL</Link> query engine with REST/Nessie catalogs, row-level DELETE, time travel, and configurable MoR/CoW modes for interactive analytics
     </>
   }
   features={prestoFeatures}

docs-iceberg-query-engine/snowflake.mdx

@@ -480,7 +480,7 @@ export const snowflakeFeatures = [
     chip: "External Engine Access",
     description: (
       <>
-        UniForm exposes Snowflake tables through Iceberg-compatible REST catalog so external engines (Spark, <Link to="/iceberg/query-engine/trino" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">Trino</Link>) can read them. Cross-cloud support via External Volumes
+        UniForm exposes Snowflake tables through Iceberg-compatible REST catalog so external engines (Spark, <Link to="/iceberg/query-engine/trino" className="blue-link">Trino</Link>) can read them. Cross-cloud support via External Volumes
       </>
     ),
     icon: <ArrowPathIcon className="w-6 h-6" />,

docs-iceberg-query-engine/trino.mdx

@@ -25,7 +25,7 @@ export const trinoFeatures = [
     chip: "Universal Access",
     description: (
       <>
-        <Link to="/docs/writers/iceberg/catalog/hive/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">hive_metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">glue</Link>, jdbc, rest, nessie, or <Link to="/iceberg/query-engine/snowflake" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">snowflake</Link> catalogs; each exposes same tables once configured in catalog properties
+        <Link to="/docs/writers/iceberg/catalog/hive/" className="blue-link">hive_metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="blue-link">glue</Link>, jdbc, rest, nessie, or <Link to="/iceberg/query-engine/snowflake" className="blue-link">snowflake</Link> catalogs; each exposes same tables once configured in catalog properties
       </>
     ),
     icon: <BoltIcon className="w-6 h-6" />,
@@ -633,7 +633,7 @@ export const trinoTableData = {
       details: { 
         value: (
           <>
-            <Link to="/docs/writers/iceberg/catalog/hive/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">hive_metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">glue</Link>, jdbc, rest, nessie, <Link to="/iceberg/query-engine/snowflake" className="text-blue-600 dark:text-blue-400 underline hover:text-blue-700 dark:hover:text-blue-300">snowflake</Link> - unified access via catalog properties
+            <Link to="/docs/writers/iceberg/catalog/hive/" className="blue-link">hive_metastore</Link>, <Link to="/docs/writers/iceberg/catalog/glue/" className="blue-link">glue</Link>, jdbc, rest, nessie, <Link to="/iceberg/query-engine/snowflake" className="blue-link">snowflake</Link> - unified access via catalog properties
           </>
         ),
         tooltip: "Each catalog configured in etc/catalog/*.properties with static configuration"

styles/index.css

@@ -362,6 +362,24 @@ pre code {
   animation: pulse-dot 2s infinite;
 }
 
+/* Blue links for feature cards and table data */
+.blue-link {
+  color: rgb(37, 99, 235) !important; /* text-blue-600 */
+  text-decoration: underline;
+}
+
+.dark .blue-link {
+  color: rgb(96, 165, 250) !important; /* dark:text-blue-400 */
+}
+
+.blue-link:hover {
+  color: rgb(29, 78, 216) !important; /* hover:text-blue-700 */
+}
+
+.dark .blue-link:hover {
+  color: rgb(147, 197, 253) !important; /* dark:hover:text-blue-300 */
+}
+
 /* White links for QueryEngineLayout descriptions */
 .white-link {
   color: white !important;