optimize messageAIO usage

[minhsueh]

V1: The instantiated MessageAIO is limited to a single msg_type

This makes it difficult to use in applications with multiple message types, as developers need to instantiate multiple MessageAIO components and define multiple Outputs in the callback.

V2 improvement:

• Use a single MessageAIO per app/page
• Require only one Output per callback
• Automatically handle visibility: when MessageAIO.ids.data changes, the message should be shown by default

Example using the Pourbaix component:

Layout:

                        MessageAIO(
                            aio_id=self.id("outputConsole"),
                        ),

Callback:

        @app.callback(
            Output(MessageAIO.ids.data(self.id("outputConsole")), "data"),
            ...
       )
       def make_figure(...):
            return {"message": "Invalid composition input!", "msg_type": "error"},