feat: device settings sync

[danielhe4rt]

One of our goals is to support inside a single profile, many devices at the same time.

The idea is: read the profile settings and bring all the decks inside of it when you first start with a selected profile.

Also, we should be able to easily implement new deck components:

<div className="h-screen w-full overflow-auto flex">
    <ResizablePanelGroup direction="vertical">
        <ResizablePanel defaultSize={200} minSize={0} className="px-10  ">
            {props.selectedDevice === "streamdeckplus" && (
                <StreamDeckPlus droppedItems={props.droppedItems}/>
            )}
        </ResizablePanel>
        <ResizableHandle withHandle/>
        <DeckSettings/>
    </ResizablePanelGroup>
</div>

Tip

To make sure that it's working properly, implement a new component for StreamDeck Mini (3x3 buttons grid)