Create a custom pane class to display websocket messages for each tab's assigned channel

Issue

channels when checking state don't get updated once they were added as shown in the following code snippet:

for (var i = 0; i < buttons.size(); i++) {
    livestream = channels.get(i).livestream();
    skin = (TabSkin) buttons.get(i).getSkin();
    if ((livestream != null) && !skin.getLiveCircle().isVisible()){
        skin.getLiveCircle().setRadius(2);
        skin.getLiveCircle().setVisible(true);
    } else if (livestream == null && skin.getLiveCircle().isVisible()) {
        skin.getLiveCircle().setVisible(false);
        skin.getLiveCircle().setRadius(0);
    }
}

instead, they are loaded from the stored channels in the database as in the following:

@Getter
private static final ArrayList<Channel> channels = database.getAllChannels();

or added by the user, and once they are added, their state doesn't change because they were added to the ArrayList above:

GUI.getChannels().add(channelValue);

Implement a way to drag tabs inside flowpane

Create a tab button that has an interior deletion button, which appears when hovering over the parent

• #5
• #3
• #6
• #4

create a working websocket that receives messages from kick

When adding channels, the tab doesn't show the CloseText

Or when hovering over a focused button the CloseText disappears