docs: add custom path control points example to navigation

Co-authored-by: siarheihuzarevich <[email protected]>

Author: Copilot

src/app/examples.config.ts

@@ -157,6 +157,13 @@ export const EXAMPLES_CONFIGURATION = {
             '../../projects/f-examples/connections/custom-connection-type/custom-connection-type.component'
           ),
       ),
+      defineLazyComponent(
+        'custom-path-control-points',
+        () =>
+          import(
+            '../../projects/f-examples/connections/custom-path-control-points/custom-path-control-points.component'
+          ),
+      ),
       defineLazyComponent(
         'connection-behaviours',
         () =>
@@ -699,6 +706,22 @@ function connectionGroup() {
       image_type: 'image/png',
       date: new Date('2024-10-02 20:12:01'),
     },
+    {
+      link: 'custom-path-control-points',
+      text: 'Custom Path with Control Points',
+      description:
+        'Create custom connection paths with multiple control points for industrial diagrams like P&ID, circuit diagrams, or process flows. Manually position paths with precise control.',
+      image: './previews/examples/custom-path-control-points.light.png',
+      image_dark: './previews/examples/custom-path-control-points.dark.png',
+      image_width: 791,
+      image_height: 600,
+      image_type: 'image/png',
+      date: new Date('2025-11-11 11:00:00'),
+      badge: {
+        text: 'New',
+        type: 'success',
+      },
+    },
     {
       link: 'connection-behaviours',
       text: 'Connection Behaviours',