chore: move images to public/images and update imports

src/components/SecondaryFeatures.jsx

@@ -6,10 +6,6 @@ import { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'
 import clsx from 'clsx'
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
-import veda1 from '@/images/dahabiyas/veda1.jpg'
-import veda2 from '@/images/dahabiyas/veda2.jpg'
-import veda3 from '@/images/dahabiyas/veda3.jpg'
-import veda4 from '@/images/dahabiyas/veda4.jpg'
 
 const features = [
   {
@@ -22,7 +18,7 @@ const features = [
     ],
     button: 'Learn More',
     href: '/dahabiyas',
-    image: veda1,
+    image: '/images/dahabiyas/veda1.jpg',
     icon: function ReportingIcon() {
       let id = useId()
       return (
@@ -61,7 +57,7 @@ const features = [
     ],
     button: 'Learn More',
     href: '/dahabiyas',
-    image: veda2,
+    image: '/images/dahabiyas/veda2.jpg',
     icon: function InventoryIcon() {
       return (
         <>
@@ -93,7 +89,7 @@ const features = [
     ],
     button: 'Learn More',
     href: '/dahabiyas',
-    image: veda3,
+    image: '/images/dahabiyas/veda3.jpg',
     icon: function ContactsIcon() {
       return (
         <>
@@ -120,7 +116,7 @@ const features = [
     ],
     button: 'Learn More',
     href: '/dahabiyas',
-    image: veda4,
+    image: '/images/dahabiyas/veda4.jpg',
     icon: function ContactsIcon() {
       return (
         <>