Merge branch 'dev'

Author: ap-dev-github

src/components/Members.tsx

@@ -78,7 +78,7 @@ useEffect(() => {
      <ul>
        {members.length > 0 ? (
         members.map((member, index) => (
-            <li className="border-2 bg-blue-100 px-4 py-2 drop-shadow-lg rounded-lg m-2" key={index}>{member}</li>
+      <li className="flex w-full justify-between items-center break-all px-4 py-2 border-2 bg-blue-100  drop-shadow-lg rounded-lg m-2" key={index}><span>{member}</span><button className="text-white bg-red-100 shadow-lg round-xl hover:bg-red-200">❌</button></li>
         ))
        ):(
           <p className="">No members added yet.</p>

src/components/RadarReading.tsx

@@ -30,7 +30,7 @@ const RadarReading = () => {
 
 
     return (
-        <div className="flex flex-col justify-center items-center shadow-2xl rounded-3xl w-1/2 p-4 border-2 border-blue-200">
+        <div className="flex flex-col justify-center items-center shadow-2xl rounded-3xl w-1/2 h-1/2 p-4 border-2 border-orange-200">
             <button onClick={triggerEmailAlert} className="rounded swadow-lg text-white bg-green-500  px-4 py-2 hover:bg-green-600">Email Trigger </button>
             <label className="block text-black font-light text-3xl">Radar Reading</label>
             <p className="text-blue-600 text-3xl">{checkMovement ? "1" : "0"}</p>