add logger

[AhmedKorim]

Closes tangle-network/dapp#3

example:

// app-main.ts
LoggerService._enabled = isLoggingEnabled();

// mixer-logger.ts
import LoggerService from 'logger-service.class.ts'
// logger level gretter than trace will be loggeed
// per context logging level
export mixerLogger = LoggerService.new('mixerLogger', LogLevel.trace)




//Mixer.tsx
import LoggerService from 'mixer-logger.ts'
// or 
const mixerLogger = LoggerService.get('mixerLogger')
...
<div onClick={()=>{
mixerLogger.trace("clicked the div on mixer componentent")
}}/>
...


// logger-ui.tsx
  const [__logs, setLogs] = useState<LogEvent['log'][]>([]);
  useEffect(() => {
   const unsubscribe =  LoggerService.eventBus.on('log', (log) => {
      if (log) {
        setLogs((p) => {
          _logs = [...p, log];
          return [...p, log];
        });
      }
    });
    // remove the event hook after the compnent is unmounted
	() => unsubscribe()
  }, []);
  return <pre>{JSON.stringify(__logs)}</pre>
  
  // app-settings.tx
  ...
  <button onClick={() => LoggerService._enabled = false}>disaled logging</buton>
  ...

[shekohex]

Looks great!