♻️ [bootsier] Refactoriza la gestión de clases

- Mejora la legibilidad del código.
- Simplifica las alteraciones de clases en los componentes `Container`,
  `Dropdown`, `Image`, `Nav`, `Navbar` y `Offcanvas` usando métodos
  dedicados para generar clases en función de sus propiedades.
- Mejora los enums añadiendo métodos que devuelven sus clases
  asociadas, reduciendo código repetitivo.
- Elimina el trait `JoinClasses` y su implementación, integrando la
  lógica de unión de clases directamente en los componentes.

extensions/pagetop-bootsier/src/theme/image/props.rs

@@ -3,7 +3,7 @@ use pagetop::prelude::*;
 // **< Size >***************************************************************************************
 
 /// Define las **dimensiones** de una imagen ([`Image`](crate::theme::Image)).
-#[derive(AutoDefault)]
+#[derive(AutoDefault, Clone, Copy, Debug, PartialEq)]
 pub enum Size {
     /// Ajuste automático por defecto.
     ///
@@ -30,10 +30,24 @@ pub enum Size {
     Both(UnitValue),
 }
 
+impl Size {
+    // Devuelve el valor del atributo `style` en función del tamaño, o `None` si no aplica.
+    #[inline]
+    pub(crate) fn to_style(self) -> Option<String> {
+        match self {
+            Self::Auto => None,
+            Self::Dimensions(w, h) => Some(format!("width: {w}; height: {h};")),
+            Self::Width(w) => Some(format!("width: {w};")),
+            Self::Height(h) => Some(format!("height: {h};")),
+            Self::Both(v) => Some(format!("width: {v}; height: {v};")),
+        }
+    }
+}
+
 // **< Source >*************************************************************************************
 
 /// Especifica la **fuente** para publicar una imagen ([`Image`](crate::theme::Image)).
-#[derive(AutoDefault)]
+#[derive(AutoDefault, Clone, Debug, PartialEq)]
 pub enum Source {
     /// Imagen con el logotipo de PageTop.
     #[default]
@@ -51,3 +65,44 @@ pub enum Source {
     /// El `String` asociado es la URL (o ruta) de la imagen.
     Plain(String),
 }
+
+impl Source {
+    const IMG_FLUID: &str = "img-fluid";
+    const IMG_THUMBNAIL: &str = "img-thumbnail";
+
+    // Devuelve la clase base asociada a la imagen según la fuente.
+    #[inline]
+    fn as_str(&self) -> &'static str {
+        match self {
+            Source::Logo(_) | Source::Responsive(_) => Self::IMG_FLUID,
+            Source::Thumbnail(_) => Self::IMG_THUMBNAIL,
+            Source::Plain(_) => "",
+        }
+    }
+
+    /* Añade la clase base asociada a la imagen según la fuente a la cadena de clases (reservado).
+    #[inline]
+    pub(crate) fn push_class(&self, classes: &mut String) {
+        let s = self.as_str();
+        if s.is_empty() {
+            return;
+        }
+        if !classes.is_empty() {
+            classes.push(' ');
+        }
+        classes.push_str(s);
+    } */
+
+    // Devuelve la clase asociada a la imagen según la fuente.
+    #[inline]
+    pub(crate) fn to_class(&self) -> String {
+        let s = self.as_str();
+        if s.is_empty() {
+            String::new()
+        } else {
+            let mut class = String::with_capacity(s.len());
+            class.push_str(s);
+            class
+        }
+    }
+}