docs: add FeatureButton component with customizable properties for enhanced navigation

Author: jliermann

readme/custom.md

@@ -72,6 +72,40 @@ import LbeChip from "@site/src/components/commons/LbeChip";
 
 ***
 
+## FeatureButton
+
+A clickable button component that displays an image with text, designed for feature navigation.
+
+**Import:**
+
+```jsx
+import FeatureButton from "@site/src/components/features/FeatureButton";
+```
+
+**Usage:**
+
+```jsx
+<FeatureButton 
+  url="/docs/example"
+  imgUrl="/img/icon.svg"
+  text="Feature Name"
+  width="150px"
+  alt="Feature icon"
+/>
+```
+
+**Props:**
+
+* `url` (string, required) - The link destination URL
+* `imgUrl` (string, required) - Path to the image/icon (relative to static folder)
+* `text` (string, required) - Button text displayed below the image
+* `width` (string, optional) - Width of the image (default: "120px")
+* `alt` (string, optional) - Alternative text for the image (defaults to `text` if not provided)
+* `index` (boolean, optional) - If true, applies primary button styling; otherwise uses secondary styling
+* `classes` (string, optional) - Additional CSS classes to apply to the button
+
+***
+
 ## BulletBox
 
 A styled box component designed to display content in a responsive card-like button format.