[WEB-2204] chore: asset optimization (#5346)

* chore: dashboard empty state asset updated and remove unwanted asset

* chore: workspace active cycle asset updated

* chore: onboarding pages asset updated and remove unwanted asset from web and space app

* chore: onboarding profile setup and create workspace asset updated and remove unwanted asset from web and space app

* chore: code refactor

web/core/components/common/latest-feature-block.tsx

@@ -4,7 +4,7 @@ import { useTheme } from "next-themes";
 // icons
 import { Lightbulb } from "lucide-react";
 // images
-import latestFeatures from "@/public/onboarding/onboarding-pages.svg";
+import latestFeatures from "@/public/onboarding/onboarding-pages.webp";
 
 export const LatestFeatureBlock = () => {
   const { resolvedTheme } = useTheme();

web/core/components/dashboard/project-empty-state.tsx

@@ -9,7 +9,7 @@ import { EUserWorkspaceRoles } from "@/constants/workspace";
 // hooks
 import { useCommandPalette, useEventTracker, useUser } from "@/hooks/store";
 // assets
-import ProjectEmptyStateImage from "@/public/empty-state/dashboard/project.svg";
+import ProjectEmptyStateImage from "@/public/empty-state/onboarding/dashboard-light.webp";
 
 export const DashboardProjectEmptyState = observer(() => {
   // store hooks

web/core/components/onboarding/create-or-join-workspaces.tsx

@@ -10,8 +10,8 @@ import { Invitations, OnboardingHeader, SwitchAccountDropdown, CreateWorkspace }
 // hooks
 import { useUser } from "@/hooks/store";
 // assets
-import CreateJoinWorkspaceDark from "@/public/onboarding/create-join-workspace-dark.svg";
-import CreateJoinWorkspace from "@/public/onboarding/create-join-workspace.svg";
+import CreateJoinWorkspaceDark from "@/public/onboarding/create-join-workspace-dark.webp";
+import CreateJoinWorkspace from "@/public/onboarding/create-join-workspace-light.webp";
 import { LogoSpinner } from "../common";
 
 export enum ECreateOrJoinWorkspaceViews {

web/core/components/onboarding/profile-setup.tsx

@@ -22,8 +22,8 @@ import { E_PASSWORD_STRENGTH, getPasswordStrength } from "@/helpers/password.hel
 import { useEventTracker, useUser, useUserProfile } from "@/hooks/store";
 // services
 // assets
-import ProfileSetupDark from "@/public/onboarding/profile-setup-dark.svg";
-import ProfileSetupLight from "@/public/onboarding/profile-setup-light.svg";
+import ProfileSetupDark from "@/public/onboarding/profile-setup-dark.webp";
+import ProfileSetupLight from "@/public/onboarding/profile-setup-light.webp";
 import UserPersonalizationDark from "@/public/onboarding/user-personalization-dark.svg";
 import UserPersonalizationLight from "@/public/onboarding/user-personalization-light.svg";
 import { AuthService } from "@/services/auth.service";

web/core/layouts/auth-layout/project-wrapper.tsx

@@ -20,7 +20,7 @@ import {
   useCommandPalette,
 } from "@/hooks/store";
 // images
-import emptyProject from "@/public/empty-state/project.svg";
+import emptyProject from "@/public/empty-state/onboarding/dashboard-light.webp";
 
 interface IProjectAuthWrapper {
   children: ReactNode;