Implement dynamic container height adjustment in NickGeneratorComponent based on header and footer dimensions. Refactor HTML structure for improved dark mode styling and accessibility. Optimize component lifecycle by adding AfterViewInit and OnDestroy handling with a ResizeObserver.

frontend/src/app/pages/reference/nickgenerator/nick-generator.component.scss

@@ -1,9 +1,7 @@
-/* nick-generator.component.css */
 .containerNick {
-  background-color: #292828;
-  padding: 40px 5%;
   max-width: 1220px;
   margin: 0 auto;
+  height: 100%;
 }
 
 .controls {
@@ -59,8 +57,6 @@
 }
 
 .command {
-  background: #1e1e1e;
-  color: #ffffff;
   padding: 10px 12px;
   border-radius: 6px;
   font-family: monospace;
@@ -68,10 +64,8 @@
 }
 
 .preview {
-  background: #1e1e1e;
   padding: 14px 12px;
   border-radius: 6px;
-  color: #ffffff;
   font-family: 'minecraft-text', monospace;
   white-space: pre-wrap;
 }