feat(docs): add crm example to examples (#4977)

documentation/src/assets/examples.tsx

@@ -4,6 +4,21 @@ import React from "react";
 import { Examples } from "../types/examples";
 
 export const SHOW_CASES: Examples = [
+    {
+        title: "refine CRM Application",
+        description:
+            "Comprehensive CRM App developed using refine, Ant Design and GraphQL. It includes features like authentication, a dashboard, and over 10 CRUD interfaces ranging from charts and sales kanban boards to user administration.",
+        image: "/examples/crm-banner.jpg",
+        image2x: "/examples/crm-banner.jpg",
+        buttons: [
+            {
+                text: "Demo",
+                link: "https://example.crm.refine.dev/",
+                icon: (props) => <ShareIcon {...props} />,
+            },
+        ],
+        source: "https://github.com/refinedev/refine/tree/master/examples/app-crm",
+    },
     {
         title: "Finefoods Ant Design Admin Panel",
         description:
@@ -49,21 +64,6 @@ export const SHOW_CASES: Examples = [
         ],
         source: "https://github.com/refinedev/refine/tree/master/examples/store",
     },
-    {
-        title: "Finefoods Storefront",
-        description:
-            "Headless storefront example built with Tailwind CSS. Features product listings and a simple shopping cart. Supports SSR with NextJS.",
-        image: "/examples/food-delivery.jpg",
-        image2x: "/examples/food-delivery2x.jpg",
-        buttons: [
-            {
-                text: "Demo",
-                link: "https://example.refine.dev",
-                icon: (props) => <ShareIcon {...props} />,
-            },
-        ],
-        source: "https://github.com/refinedev/refine/tree/master/examples/finefoods-client",
-    },
 ];
 
 export const EXAMPLES: Examples = [
@@ -81,6 +81,21 @@ export const EXAMPLES: Examples = [
         ],
         source: "https://github.com/refinedev/real-world-example",
     },
+    {
+        title: "Finefoods Storefront",
+        description:
+            "Headless storefront example built with Tailwind CSS. Features product listings and a simple shopping cart. Supports SSR with NextJS.",
+        image: "/examples/food-delivery.jpg",
+        image2x: "/examples/food-delivery2x.jpg",
+        buttons: [
+            {
+                text: "Demo",
+                link: "https://example.refine.dev",
+                icon: (props) => <ShareIcon {...props} />,
+            },
+        ],
+        source: "https://github.com/refinedev/refine/tree/master/examples/finefoods-client",
+    },
     {
         title: "Win95 Style Admin Panel",
         description:

documentation/src/assets/integration-icons/hygraph.tsx

@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import * as React from "react";
 import { SVGProps } from "react";
 
@@ -9,10 +10,11 @@ const SvgHygraph = (props: SVGProps<SVGSVGElement>) => (
         fill="none"
         xmlns="http://www.w3.org/2000/svg"
         {...props}
+        className={clsx("text-[#081026] dark:text-white", props.className)}
     >
         <path
             d="M15.0597 4.30294L11.2949 6.4298L7.53014 8.55608L3.76478 10.6829V23.4429L7.53014 21.3167L11.2943 19.1898V14.9367L7.53014 17.0629V12.8098L11.2943 10.6829L15.0597 8.55666V21.3167L11.2949 23.4429L7.53014 25.5698L3.7642 27.6967L0 29.8229L3.76478 31.9498L7.53014 29.8229L11.2943 27.6967L15.0603 25.5698L18.8256 23.4435V2.17608L15.0597 0.0498047V4.30294Z"
-            fill="#081026"
+            fill="currentColor"
         />
     </svg>
 );