feat: Add interactive map functionality with Leaflet.js

- Implemented interactive map card with expand functionality
- Added Leaflet.js integration with OpenStreetMap tiles
- Created expandable map modal (80% screen coverage)
- Fixed cover image display on community page
- Enhanced post detail page with interactive route visualization
- Added proper error handling and fallback content
- Cleaned up JavaScript structure and removed duplicate code
- Updated community index template to use cover images
- Added GPX file processing utilities
- Fixed indentation error in run.py

Map features:
- Country-level positioning (Romania default)
- Zoom controls and interactive navigation
- Test marker with popup functionality
- Expandable full-screen view with X button
- Clean console logging for debugging
- Responsive design with Tailwind CSS styling

app/models.py

@@ -125,6 +125,13 @@ class GPXFile(db.Model):
     size = db.Column(db.Integer, nullable=False)
     created_at = db.Column(db.DateTime, default=datetime.utcnow)
     
+    # GPX Statistics
+    total_distance = db.Column(db.Float, default=0.0)  # in kilometers
+    elevation_gain = db.Column(db.Float, default=0.0)  # in meters
+    max_elevation = db.Column(db.Float, default=0.0)  # in meters
+    min_elevation = db.Column(db.Float, default=0.0)  # in meters
+    total_points = db.Column(db.Integer, default=0)  # number of track points
+    
     # Foreign Keys
     post_id = db.Column(db.Integer, db.ForeignKey('posts.id'), nullable=False)