feat: completar fases 3 y 4 del roadmap mvp (gradebook, drag-and-drop, impersonacion) y actualizar README

frontend/views/classrooms/add.html

@@ -3,10 +3,10 @@
 {% block title %}Add Classroom - Edu-Space Admin{% endblock %}
 
 {% block content %}
-<div class="container-fluid pt-5 mt-4">
+<div class="container-fluid px-0">
 <div class="row">
     <div class="col-12">
-        <div class="d-flex justify-content-between align-items-center mb-4">
+        <div class="d-flex justify-content-between align-items-center mb-3">
             <div>
                 <nav aria-label="breadcrumb">
                     <ol class="breadcrumb mb-1 small">
@@ -171,10 +171,14 @@
 {% endblock %}
 
 {% block extra_js %}
+<script type="application/json" id="buildingFloorsData">
+{{ building_floors|tojson|safe }}
+</script>
 <script>
 document.addEventListener('DOMContentLoaded', function() {
     // Map of existing floors per building
-    var buildingFloors = {{ building_floors|tojson }};
+    var buildingFloorsDataEl = document.getElementById('buildingFloorsData');
+    var buildingFloors = buildingFloorsDataEl ? JSON.parse(buildingFloorsDataEl.textContent || '{}') : {};
     
     var buildingSelect = document.getElementById('building_id');
     var newBuildingContainer = document.getElementById('newBuildingContainer');