tela de verificação de turma, possibilidade de alunos entrarem em turmas

lib/features/dashboard/presentation/widgets/quick_access_widget.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:go_router/go_router.dart';
+import '../../../classes/presentation/pages/join_class_page.dart';
 
 /// Quick access cards for Tutor IA and Quiz with fixed overflow
 class QuickAccessWidget extends StatelessWidget {
@@ -30,6 +31,9 @@ class QuickAccessWidget extends StatelessWidget {
                 Expanded(flex: 2, child: _buildQuizCard(context)),
               ],
             ),
+            const SizedBox(height: 16),
+            // Join Class Card
+            _buildJoinClassCard(context),
           ],
         )
         .animate()
@@ -235,4 +239,93 @@ class QuickAccessWidget extends StatelessWidget {
         )
         .then(delay: const Duration(milliseconds: 200));
   }
+
+  Widget _buildJoinClassCard(BuildContext context) {
+    return Container(
+          height: 80,
+          decoration: BoxDecoration(
+            color: Colors.white,
+            borderRadius: BorderRadius.circular(16),
+            border: Border.all(color: const Color(0xFFE2E8F0), width: 1),
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, 4),
+              ),
+            ],
+          ),
+          child: Material(
+            color: Colors.transparent,
+            child: InkWell(
+              borderRadius: BorderRadius.circular(16),
+              onTap: () {
+                Navigator.push(
+                  context,
+                  MaterialPageRoute(
+                    builder: (_) => const JoinClassPage(),
+                  ),
+                );
+              },
+              child: Padding(
+                padding: const EdgeInsets.all(16),
+                child: Row(
+                  children: [
+                    Container(
+                      padding: const EdgeInsets.all(10),
+                      decoration: BoxDecoration(
+                        color: const Color(0xFF82C9BD).withOpacity(0.1),
+                        borderRadius: BorderRadius.circular(10),
+                      ),
+                      child: const Icon(
+                        Icons.group_add,
+                        color: Color(0xFF82C9BD),
+                        size: 24,
+                      ),
+                    ),
+                    const SizedBox(width: 16),
+                    const Expanded(
+                      child: Column(
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        children: [
+                          Text(
+                            'Entrar numa Turma',
+                            style: TextStyle(
+                              color: Color(0xFF2D3748),
+                              fontSize: 16,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                          SizedBox(height: 4),
+                          Text(
+                            'Junta-te a uma turma com o código',
+                            maxLines: 1,
+                            overflow: TextOverflow.ellipsis,
+                            style: TextStyle(
+                              color: Color(0xFF718096),
+                              fontSize: 13,
+                            ),
+                          ),
+                        ],
+                      ),
+                    ),
+                    const Icon(
+                      Icons.arrow_forward_ios,
+                      color: Color(0xFF82C9BD),
+                      size: 16,
+                    ),
+                  ],
+                ),
+              ),
+            ),
+          ),
+        )
+        .animate()
+        .scale(
+          duration: const Duration(milliseconds: 600),
+          curve: Curves.elasticOut,
+        )
+        .then(delay: const Duration(milliseconds: 300));
+  }
 }