feat: Add lazy loading for images and improve location input handling

Author: Iv4nd3r

pages/AboutMePage.js

@@ -209,8 +209,9 @@ const AboutMePage = () => {
           <h3>Home Address</h3>
           <input
             className="address-input"
-            type="text"
+            type="search"
             placeholder="Enter Home Address"
+            enterKeyHint="search"
             value={locationInputHome}
             onChange={handleHomeLocationChange}
             onKeyUp={e => handleSearchBox(e, 1)}
@@ -239,8 +240,9 @@ const AboutMePage = () => {
           <h3>Work Address</h3>
           <input
             className="address-input"
-            type="text"
+            type="search"
             placeholder="Enter Work Address"
+            enterKeyHint="search"
             value={locationInputWork}
             onChange={handleWorkLocationChange}
             onKeyUp={e => handleSearchBox(e, 2)}

pages/Home.js

@@ -44,6 +44,7 @@ import WindSpeedIcon from '../src/assets/WindSpeedIcon.svg'
 import SearchIcon from '../src/assets/search-icon.svg'
 import AIIcon from '../src/assets/ai-icon.svg'
 import SendBtn from '../src/assets/Send-Button.svg'
+import { set } from 'mongoose'
 
 let initialFetchDone = false
 
@@ -336,15 +337,18 @@ const Home = () => {
         case 1:
           setLocation(locationData)
           fetchWeatherData(locationData.lat, locationData.lon)
+          setLocationInput(suggestion.label)
           break
         case 2:
           setStartLocation(locationData)
           if (endLocation.lat !== 0 && endLocation.lon !== 0) {
             RoutingMachine(locationData, endLocation, vehicleType)
           }
+          setStartLocationInput(suggestion.label)
           break
         case 3:
           setEndLocation(locationData)
+          setDestinationLocationInput(suggestion.label)
           if (
             ((endLocation.lat !== 0 && endLocation.lon !== 0) ||
               (locationData.lat !== 0 && locationData.lon !== 0)) &&