feat: Enhance demo components with new input types and layout options

- Added dropdown and radio input components to the demo for application settings.
- Introduced horizontal layout for display preferences and notification settings.
- Implemented checkbox demo with programmatic selection and clear functionality.
- Created file upload and quantity selector demos with various states and configurations.
- Added comprehensive radio input demo showcasing group behavior and various states.
- Developed text input demo with validation states and advanced features like password visibility.
- Introduced a new panel component for better content organization in demos.

ts_web/elements/dees-input-text.ts

@@ -1,5 +1,6 @@
 import * as colors from './00colors.js';
 import { DeesInputBase } from './dees-input-base.js';
+import { demoFunc } from './dees-input-text.demo.js';
 
 import {
   customElement,
@@ -18,10 +19,7 @@ declare global {
 
 @customElement('dees-input-text')
 export class DeesInputText extends DeesInputBase {
-  public static demo = () => html`
-    <dees-input-text .label=${'this is a label'} .value=${'test'}></dees-input-text>
-    <dees-input-text .isPasswordBool=${true}></dees-input-text>
-  `;
+  public static demo = demoFunc;
 
   // INSTANCE
   @property({