Add private profile banner

src/components/UserPublicProfile/PrivateProfileBanner.tsx

@@ -1,4 +1,5 @@
 import type { GetPublicProfileResponse } from '../../api/user';
+import { Lock } from 'lucide-react';
 
 type PrivateProfileBannerProps = Pick<
   GetPublicProfileResponse,
@@ -10,7 +11,8 @@ export function PrivateProfileBanner(props: PrivateProfileBannerProps) {
 
   if (isOwnProfile && profileVisibility === 'private') {
     return (
-      <div className="border-b border-yellow-400 bg-yellow-100 p-2 text-center text-sm font-medium">
+      <div className="-mb-4 -mt-5 rounded-lg border border-yellow-400 bg-yellow-100 p-2 text-center text-sm font-medium">
+        <Lock className="-mt-1 mr-1.5 inline-block h-4 w-4" />
         Your profile is private. Only you can see this page.
       </div>
     );