♻️ (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/container/props.rs

@@ -1,14 +1,14 @@
 use pagetop::prelude::*;
 
-use crate::prelude::*;
+use crate::theme::aux::BreakPoint;
 
 // **< Kind >***************************************************************************************
 
-/// Tipo de contenedor ([`Container`]).
+/// Tipo de contenedor ([`Container`](crate::theme::Container)).
 ///
 /// Permite aplicar la etiqueta HTML apropiada (`<main>`, `<header>`, etc.) manteniendo una API
 /// común a todos los contenedores.
-#[derive(AutoDefault)]
+#[derive(AutoDefault, Clone, Copy, Debug, PartialEq)]
 pub enum Kind {
     /// Contenedor genérico (`<div>`).
     #[default]
@@ -27,8 +27,8 @@ pub enum Kind {
 
 // **< Width >**************************************************************************************
 
-/// Define el comportamiento para ajustar el ancho de un contenedor ([`Container`]).
-#[derive(AutoDefault)]
+/// Define cómo se comporta el ancho de un contenedor ([`Container`](crate::theme::Container)).
+#[derive(AutoDefault, Clone, Copy, Debug, PartialEq)]
 pub enum Width {
     /// Comportamiento por defecto, aplica los anchos máximos predefinidos para cada punto de
     /// ruptura. Por debajo del menor punto de ruptura ocupa el 100% del ancho disponible.
@@ -42,3 +42,31 @@ pub enum Width {
     /// Ocupa el 100% del ancho disponible hasta un ancho máximo explícito.
     FluidMax(UnitValue),
 }
+
+impl Width {
+    const CONTAINER: &str = "container";
+
+    /* Añade el comportamiento del contenedor a la cadena de clases según ancho (reservado).
+    #[inline]
+    pub(crate) fn push_class(self, classes: &mut String) {
+        match self {
+            Self::Default => BreakPoint::None.push_class(classes, Self::CONTAINER, ""),
+            Self::From(bp) => bp.push_class(classes, Self::CONTAINER, ""),
+            Self::Fluid | Self::FluidMax(_) => {
+                BreakPoint::None.push_class(classes, Self::CONTAINER, "fluid")
+            }
+        }
+    } */
+
+    /// Devuelve la clase asociada al comportamiento del contenedor según el ajuste de su ancho.
+    #[inline]
+    pub fn to_class(self) -> String {
+        match self {
+            Self::Default => BreakPoint::None.class_with(Self::CONTAINER, ""),
+            Self::From(bp) => bp.class_with(Self::CONTAINER, ""),
+            Self::Fluid | Self::FluidMax(_) => {
+                BreakPoint::None.class_with(Self::CONTAINER, "fluid")
+            }
+        }
+    }
+}