Add react-qr-code dependency; enhance PopupHeader and SharePopup components with draggable functionality; update LinkShare component for improved UI; integrate SettingsModal in HomePage for better user experience.

client/src/pages/HomePage.tsx

@@ -1,7 +1,3 @@
-<<<<<<< HEAD
-import ChatPopup from "../components/popups/ChatPopup";
-=======
->>>>>>> 8aef8a530bcdd53af4add911e773f2691e0027e4
 import Button from "../components/ui/Button";
 import FloatingActionButton from "../components/ui/FloatingActionButton";
 import { useMe, useLogout } from "../hooks/useAuth";
@@ -9,6 +5,9 @@ import { useNavigate } from "react-router";
 import ShareFilledIcon from "../components/icons/ShareFilledIcon";
 import SharePopup from "../components/popups/SharePopup";
 import usePopupStore from "../store/popupStore";
+import SettingsModal from "../components/modals/SettingsModal";
+import useModalStore from "../store/modalStore";
+import CogFilledIcon from "../components/icons/CogFilledIcon";
 
 function HomePage() {
   const { data: user } = useMe();
@@ -21,6 +20,7 @@ function HomePage() {
   };
 
   const { setPopup } = usePopupStore();
+  const { setModal } = useModalStore();
 
   return (
     <div className="py-8 min-h-screen bg-gray-50">
@@ -32,14 +32,26 @@ function HomePage() {
 
           <FloatingActionButton
             variant="default"
-            // onClick={() => setModal(<ShareModal />)}
-            onClick={() => setPopup(<SharePopup />)}
+            onClick={() =>
+              setPopup(
+                <SharePopup link={"https://estate.stream/ahdy12jdco1"} />
+              )
+            }
           >
             <div className="2xl:size-[1.111vw] size-4 text-white">
               <ShareFilledIcon />
             </div>
           </FloatingActionButton>
 
+          <FloatingActionButton
+            variant="default"
+            onClick={() => setModal(<SettingsModal />)}
+          >
+            <div className="2xl:size-[1.111vw] size-4 text-white">
+              <CogFilledIcon />
+            </div>
+          </FloatingActionButton>
+
           <div className="space-y-4">
             <div className="p-4 bg-blue-50 rounded-lg border border-blue-200">
               <h2 className="mb-2 text-xl font-semibold">