Timer/blinking and blackout buttons (#406)

*feat: timer blink

*feat: blackout

---------

Co-authored-by: Fabian Posenau <fabian@fphome.de>
Co-authored-by: cv <34649812+cpvalente@users.noreply.github.com>

apps/client/src/common/hooks/useSocket.ts

@@ -32,6 +32,8 @@ export const setMessage = {
   lowerText: (payload: string) => socketSendJson('set-lower-message-text', payload),
   lowerVisible: (payload: boolean) => socketSendJson('set-lower-message-visible', payload),
   onAir: (payload: boolean) => socketSendJson('set-onAir', payload),
+  timerBlink: (payload: boolean) => socketSendJson('set-timer-blink', payload),
+  timerBlackout: (payload: boolean) => socketSendJson('set-timer-blackout', payload),
 };
 
 export const usePlaybackControl = () => {

apps/client/src/common/stores/runtime.ts

@@ -22,6 +22,8 @@ export const runtimeStorePlaceholder = {
   timerMessage: {
     text: '',
     visible: false,
+    timerBlink: false,
+    timerBlackout: false,
   },
   publicMessage: {
     text: '',