feat: profile picture fetching through guard service

web/src/components/Home/Tabs/PersonalInfo.tsx

@@ -1,3 +1,4 @@
+import Avatar from "@/feature/Avatar";
 import { ChevronRight } from "lucide-react";
 import { type FC } from "react";
 
@@ -35,11 +36,7 @@ const PersonalInfo: FC = () => {
           </div>
           <div>
             <div className="w-16 h-16 overflow-hidden rounded-full dark:bg-gray-400 bg-gray-700">
-              <img
-                className="w-full h-full"
-                src="http://192.168.178.69:9000/guard-storage/profile_eff00028-2d9e-458d-8944-677855edc147_1748099702417601900.jpg"
-                alt="profile pic"
-              />
+              <Avatar iconSize={12} />
             </div>
           </div>
         </div>