Routing brukerside

routing for us-15

src/components/users/searchCard.tsx

+import { user } from "../../helpers/business/interfaces";
+import profileImg from "../../img/profilbilde.jpeg";
+
+export const SearchCard = (props: user) => (
+    <div className=" p-4">
+        <div className="flex justify-between">
+            <div className="flex">
+                <img
+                    className="w-12 h-12 rounded-full"
+                    src={profileImg}
+                    alt="user"
+                />
+                <div className="ml-4">
+                    <p className="font-bold">
+                        {props.firstname} {props.lastname}
+                    </p>
+                    <p className="text-gray-500">
+                        {props.username} - {props.email}
+                    </p>
+                </div>
+            </div>
+            <div className="flex">
+                <button className="bg-blue-600 text-white py-1 px-4 rounded-lg hover:bg-blue-500 w-32">
+                    Følg
+                </button>
+            </div>
+        </div>
+    </div>
+);