chore: Added empty state illustration to custom icons set in icons package (#39550)

## Description

Added asset to the package

## Automation

/ok-to-test tags="@tag.Sanity"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!IMPORTANT]
> 🟣 🟣 🟣 Your tests are running.
> Tests running at:
<https://github.com/appsmithorg/appsmith/actions/runs/13653262823>
> Commit: 58f39a77a7cdede5c73d6c4435235b6bdc8c1396
> Workflow: `PR Automation test suite`
> Tags: `@tag.Sanity`
> Spec: ``
> <hr>Tue, 04 Mar 2025 12:04:07 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **New Features**
- Introduced a new customizable empty state SVG icon that adds visual
variety to the icons library.
- **Documentation**
- Updated the icon showcase to include the new icon, enhancing user
reference and demonstration.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

app/client/packages/icons/src/components/CustomIcons/EmptyStateIllustrationCustomIcon.tsx

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { SVGProps } from "react";
+const EmptyStateIllustrationCustomIcon = (props: SVGProps<SVGSVGElement>) => <svg xmlns="http://www.w3.org/2000/svg" width={250} height={200} fill="none" {...props}><path fill="#F4F5F6" fillRule="evenodd" d="M207 65a7 7 0 1 1 0 14h-40a7 7 0 1 1 0 14h22a7 7 0 1 1 0 14h-10.174c-4.874 0-8.826 3.134-8.826 7q0 3.866 6 7a7 7 0 1 1 0 14H93a7 7 0 1 1 0-14H54a7 7 0 1 1 0-14h40a7 7 0 1 0 0-14H69a7 7 0 1 1 0-14h40a7 7 0 1 1 0-14zm0 28a7 7 0 1 1 0 14 7 7 0 0 1 0-14" clipRule="evenodd" /><path fill="#81858B" d="M154.91 63.83a1.25 1.25 0 1 0-2.477.34zm8.064 68.013 1.24-.153-.002-.017zm.835 6.806 1.241-.152zm-3.482 4.458.152 1.24zm-58.56 7.19.152 1.241zm-4.458-3.483 1.24-.152zm-7.254-75.659.14 1.243zm4.998.698a1.25 1.25 0 0 0-.279-2.485zm3.65-2.925a1.25 1.25 0 0 0 .278 2.484zm4.866 1.97a1.25 1.25 0 0 0-.279-2.485zm48.864-6.728 9.302 67.842 2.477-.339-9.302-67.843zm9.3 67.825.836 6.806 2.481-.304-.836-6.807zm.836 6.806a2.75 2.75 0 0 1-2.395 3.065l.305 2.481a5.25 5.25 0 0 0 4.571-5.85zm-2.395 3.065-58.56 7.19.305 2.482 58.56-7.191zm-58.56 7.19a2.75 2.75 0 0 1-3.064-2.394l-2.482.305a5.25 5.25 0 0 0 5.851 4.571zm-3.064-2.394-9.016-73.428-2.482.305 9.016 73.428zm-9.016-73.428a.75.75 0 0 1 .653-.835l-.305-2.482a3.25 3.25 0 0 0-2.83 3.622zm.653-.835.008-.001-.28-2.485-.033.004zm.008-.001 4.858-.545-.279-2.485-4.858.545zm8.787-.986 4.587-.515-.279-2.484-4.587.515z" /><path fill="#E7E8E8" fillRule="evenodd" d="m151.14 68.27 8.42 61.483.757 6.168c.244 1.987-1.15 3.793-3.114 4.035l-52.442 6.439c-1.963.241-3.753-1.175-3.997-3.162l-8.15-66.376a2 2 0 0 1 1.742-2.23l6.487-.796" clipRule="evenodd" /><path fill="#fff" stroke="#81858B" strokeWidth={2.5} d="M107.922 54a2.75 2.75 0 0 1 2.75-2.75h45.557c.729 0 1.428.29 1.944.805l13.443 13.435a2.75 2.75 0 0 1 .806 1.945V130a2.75 2.75 0 0 1-2.75 2.75h-59a2.75 2.75 0 0 1-2.75-2.75z" /><path stroke="#81858B" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M156.672 52.403V64a3 3 0 0 0 3 3h7.933M118 118h26m-26-51h26zm0 12h43zm0 13h43zm0 13h43z" /></svg>;
+export { EmptyStateIllustrationCustomIcon };

app/client/packages/icons/src/icons/CustomIcons/EmptyStateIllustration.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="250" height="200" fill="none"><path fill="#F4F5F6" fill-rule="evenodd" d="M207 65a7 7 0 1 1 0 14h-40a7 7 0 1 1 0 14h22a7 7 0 1 1 0 14h-10.174c-4.874 0-8.826 3.134-8.826 7q0 3.866 6 7a7 7 0 1 1 0 14H93a7 7 0 1 1 0-14H54a7 7 0 1 1 0-14h40a7 7 0 1 0 0-14H69a7 7 0 1 1 0-14h40a7 7 0 1 1 0-14zm0 28a7 7 0 1 1 0 14 7 7 0 0 1 0-14" clip-rule="evenodd"/><path fill="#81858B" d="M154.91 63.83a1.25 1.25 0 1 0-2.477.34zm8.064 68.013 1.24-.153-.002-.017zm.835 6.806 1.241-.152zm-3.482 4.458.152 1.24zm-58.56 7.19.152 1.241zm-4.458-3.483 1.24-.152zm-7.254-75.659.14 1.243zm4.998.698a1.25 1.25 0 0 0-.279-2.485zm3.65-2.925a1.25 1.25 0 0 0 .278 2.484zm4.866 1.97a1.25 1.25 0 0 0-.279-2.485zm48.864-6.728 9.302 67.842 2.477-.339-9.302-67.843zm9.3 67.825.836 6.806 2.481-.304-.836-6.807zm.836 6.806a2.75 2.75 0 0 1-2.395 3.065l.305 2.481a5.25 5.25 0 0 0 4.571-5.85zm-2.395 3.065-58.56 7.19.305 2.482 58.56-7.191zm-58.56 7.19a2.75 2.75 0 0 1-3.064-2.394l-2.482.305a5.25 5.25 0 0 0 5.851 4.571zm-3.064-2.394-9.016-73.428-2.482.305 9.016 73.428zm-9.016-73.428a.75.75 0 0 1 .653-.835l-.305-2.482a3.25 3.25 0 0 0-2.83 3.622zm.653-.835.008-.001-.28-2.485-.033.004zm.008-.001 4.858-.545-.279-2.485-4.858.545zm8.787-.986 4.587-.515-.279-2.484-4.587.515z"/><path fill="#E7E8E8" fill-rule="evenodd" d="m151.14 68.27 8.42 61.483.757 6.168c.244 1.987-1.15 3.793-3.114 4.035l-52.442 6.439c-1.963.241-3.753-1.175-3.997-3.162l-8.15-66.376a2 2 0 0 1 1.742-2.23l6.487-.796" clip-rule="evenodd"/><path fill="#fff" stroke="#81858B" stroke-width="2.5" d="M107.922 54a2.75 2.75 0 0 1 2.75-2.75h45.557c.729 0 1.428.29 1.944.805l13.443 13.435a2.75 2.75 0 0 1 .806 1.945V130a2.75 2.75 0 0 1-2.75 2.75h-59a2.75 2.75 0 0 1-2.75-2.75z"/><path stroke="#81858B" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M156.672 52.403V64a3 3 0 0 0 3 3h7.933M118 118h26m-26-51h26zm0 12h43zm0 13h43zm0 13h43z"/></svg>

app/client/packages/icons/src/index.ts

@@ -29,6 +29,7 @@ export { TableThumbnail } from "./components/Thumbnails/TableThumbnail";
 export { ToolbarButtonsThumbnail } from "./components/Thumbnails/ToolbarButtonsThumbnail";
 export { ZoneThumbnail } from "./components/Thumbnails/ZoneThumbnail";
 export { AIAvatarCustomIcon } from "./components/CustomIcons/AIAvatarCustomIcon";
+export { EmptyStateIllustrationCustomIcon } from "./components/CustomIcons/EmptyStateIllustrationCustomIcon";
 export { AIChatIcon } from "./components/Icons/AIChatIcon";
 export { AudioIcon } from "./components/Icons/AudioIcon";
 export { ButtonIcon } from "./components/Icons/ButtonIcon";

app/client/packages/icons/src/stories/CustomIcons.mdx

@@ -1,6 +1,7 @@
 import { Meta } from "@storybook/addon-docs";
 import { Flex } from "@appsmith/wds";
 import { AIAvatarCustomIcon } from "../components/CustomIcons/AIAvatarCustomIcon";
+import { EmptyStateIllustrationCustomIcon } from "../components/CustomIcons/EmptyStateIllustrationCustomIcon";
 
 <Meta title="Appsmith Icons/CustomIcons" />
 
@@ -12,6 +13,7 @@ export const Icons = () => {
   return (
     <Flex gap="spacing-4" wrap="wrap">
       <AIAvatarCustomIcon />
+      <EmptyStateIllustrationCustomIcon />
     </Flex>
   );
 };