feat: Refactor CamaraNoir component layout and update content for live streaming

frontend/src/domains/CamaraNoir/Camaras_noir.tsx

@@ -1,5 +1,5 @@
 import { AppShellWithMenu } from '../FitzStudio/Appshell/Appshell';
-import { Card, Text, Center, Container } from '@mantine/core';
+import { Card, Text, Container } from '@mantine/core';
 
 export function Camara_noir() {
   return (
@@ -8,16 +8,29 @@ export function Camara_noir() {
         size="lg"
         style={{
           display: 'flex',
+          flexDirection: 'column',
           alignItems: 'center',
           justifyContent: 'center',
+          gap: 16,
         }}
       >
         <Card shadow="sm" padding="xl" radius="md" withBorder>
-          <Text size="lg">
+          <Text size="lg" mb="md">
-            Aquí irá la cámara Noir
+            Cámara Noir en Vivo
           </Text>
-          <Text size="sm" color="dimmed">
+          <img
-            Este espacio está reservado para la funcionalidad de la cámara Noir.
+            src="http://10.8.0.9:8000/video"
+            alt="Stream MJPEG en vivo desde Raspberry Pi"
+            style={{
+              width: '640px',
+              height: '480px',
+              borderRadius: '8px',
+              border: '1px solid #ccc',
+              objectFit: 'cover',
+            }}
+          />
+          <Text size="sm" color="dimmed" mt="sm">
+            Transmisión MJPEG en vivo vía FastAPI / libcamera-vid
           </Text>
         </Card>
       </Container>