Dont inline profile image, instead add endpoint to serve it

app/templates/profile.html

@@ -5,7 +5,7 @@
 
     <div class="flex items-center justify-center mb-4">
         {% if profile.profile_pic %}
-        <img src="data:image/jpeg;base64,{{ profile.profile_pic }}" alt="Profile Picture"
+        <img src="{{ url_for('user.profile_image', user_id=current_user.id) }}" alt="Profile Picture"
             class="w-24 h-24 rounded-full border">
         {% else %}
         <img src="{{ url_for('static', filename='default.png') }}" alt="Default Profile Picture"