style: finetuning titlebar look-n-feel for PWA support

[BLumia]

The previous patch (675e59c) introduce initial PWA WCO support, this patch finetunes the PWA titlebar support by ensure the bottom border of the titlebar is always visible and fill 100% page (window) width, with the following changes:

1. Use margin instead of padding to ensure 'width' fills 100% page width, so does the bottom border.
2. Add extra 1px height to ensure the bottom border won't be covered by the window decoration overlay itself. (Edit: no longer doing this change, see the discussion below)

Remaining PWA stuff:

The remaining PWA WCO part have inconsistent color with the actual color that SiYuan('s titlebar) uses, thus to make the PWA titlebar feel native, we still needs to set either:

• a "theme-color" <meta> attribute (suggested)
• a "theme_color" member in the PWA manifest

...which will be a seprated topic that won't be worked on in this patchset.

---

Feature or bug? 特性或者缺陷？

不是特性也不算是缺陷，是对 675e59c 的微调来使得 PWA 标题栏具备更好的视觉效果。调整后的视觉效果如下：

相比上一个PR（ #13771 ）的视觉效果：

此修改旨在使标题栏的底部 border 可以撑满整个窗口，使标题栏的视觉效果看上去更自然。 Edit: 此修改目前仅旨在使标题栏盛满整个窗口的宽度，避免 #13226 (comment) 问题。此 PR 不再解决标题栏底部分割线被 WCO 遮挡的问题，原因参见下方的讨论。

需要注意，为了满足我自己的视觉效果需求，上面的第一个截图有额外的修改来使 PWA 的窗口装饰背景色和 SiYuan 自身的背景色保持一致。于此相关的变动的概要说明可参见最上面所附的说明（Remaining PWA stuff 部分），此 PR 未包含（也不会包含）关于修改 PWA 主题色的变动。

Multilingual or copywriting? 多语言或者文案？

否。

Dev branch!

已确认目标分支为 dev。

[BLumia]

cc @88250 @Vanessa219 实在抱歉在前一个 PR 合入没多久就提交了一个修改相同位置的 PR。此 PR 所修改的内容应该是我的最终修改了。

另外关于此 PR 描述中提到的另一个问题（WCO 背景色问题），我另开了一个 Issue 以便分开讨论/跟进： #13780

[BLumia]

补充，关于 +1px 产生的缝隙，我个人觉得另行解决 WCO 颜色问题是合理方案。替代方案的话是避免声明 border 的高度为半像素：

siyuan/app/src/assets/scss/base.scss

Line 104 in 2ee6939

border-bottom: .5px solid var(--b3-border-color);

...因为半像素就是会导致这种渲染问题。

[BLumia]

PR 和 commit message 均已更新，不再于此提交处理 border 可能被 WCO 遮盖的问题。原因见 #13779 (comment) 。

[Vanessa219]

3.1.21