add custom styling to common component

.agents/skills/create-new-page/SKILL.md

@@ -169,7 +169,7 @@ function App() {
           {/* Header, contenuto e footer della pagina */}
           <div className="grid_12 console_main">
             <div className="inside">
-              <div className="receipt">
+              <div className="mainview">
                 <div className="container">
                   <h1>Titolo Pagina</h1>
                   {elixFormsReactRender}

.agents/skills/css-design-system/SKILL.md

@@ -76,7 +76,7 @@ Le pagine seguono un layout standard elixForms con classi CSS specifiche:
           <div class="fe-module-header-container">
             <h2>Titolo Modulo</h2>
           </div>
-          <div class="receipt">
+          <div class="mainview">
             <div class="container">
               <!-- Contenuto custom della pagina -->
             </div>
@@ -115,7 +115,7 @@ Le pagine seguono un layout standard elixForms con classi CSS specifiche:
 | `console_header` | Header della console |
 | `console_main` | Area contenuto principale |
 | `fe-module-header-container` | Header del modulo/form |
-| `receipt` | Container del contenuto del form |
+| `mainview` | Container del contenuto del form |
 
 ### Layout Campi Form (ElixFormsElement)
 | Classe | Scopo |