fix(ui): fix publish dialog layout

[shuuji3]

fix #2834

The layout is off due to the change during thread implementation. This dialog was not assumed to have multiple widgets either.

Note: This publish dialog can be opened by typing c key.

Before

After

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for elk-docs canceled.

Name	Link
🔨 Latest commit	316e6c1
🔍 Latest deploy log	https://app.netlify.com/sites/elk-docs/deploys/66262c7707a4ce000829a251

[netlify]

✅ Deploy Preview for elk-zone ready!

Name	Link
🔨 Latest commit	316e6c1
🔍 Latest deploy log	https://app.netlify.com/sites/elk-zone/deploys/66262c77f2610f0008b8b070
😎 Deploy Preview	https://deploy-preview-2842--elk-zone.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[patak-dev]

I wonder if c should go to the compose screen. I'm not using the shortcut, but even g c opens the dialog.

[shuuji3]

Probably, it is useful when you don't want to lose the current context since if we go to the Compose page, we have to find the original position again.

[patak-dev]

Maybe c could open the Compose dialog, but g c the compose page 🤔

[shuuji3]

That sounds good. We have g c for the conversation page, but for some issues, c is always prioritized and not working now 😅 (I tried fixing it today but couldn't solve it yet)

elk/plugins/magic-keys.client.ts

Lines 43 to 44 in 7ac81d5

	// TODO: always overridden by 'c' (compose) shortcut
	whenever(logicAnd(isAuthenticated, notUsingInput, useMagicSequence(['g', 'c'])), () => navigateTo('/conversations'))

I think when we fix this issue, we can use g c for the compose page and assign another key for the conversation page. Perhaps, we can use g d (direct) or g m (message).