Documentation for logging

[Tandashi]

Description
Since the Question arose a couple of times in the Discord and asked myself the same thing recently, it would be good
to have a short introduction / guide on how to use the build in logger, so the messages get displayed in the UI.

Doesn't have to be long since there is not much to write about, but I think not a lot of people know that you need to use the useLogger function to get a reference.

---

Proposed Content
One method of debugging your code or animation flow is using logging messages. For this, motion-canvas has its own build-in way to log messages.

To get a reference to the Logger in motion-canvas you can use the useLogger function:

import { makeScene2D } from '@motion-canvas/2d/lib/scenes';
import { useLogger } from '@motion-canvas/core/lib/utils';

export default makeScene2D(function* (view) {
  const logger = useLogger();
});

On this reference, you are then able to call different functions corresponding to the log level you want to log at.

logger.debug('Just here to debug some code.');
logger.info('All fine just a little info.');
logger.warn('Be careful somethis has gone wrong.');
logger.error('Ups. An error occured.');

These messages get then displayed in the UI under the Console tab on the left side.