refactor icon stroke and storybook background

[JohnsonMao]

Why need this change? / Root cause:

• unable to change icon stroke color
• storybook background match design

Changes made:

• icon stroke color
• storybook background

Test Scope / Change impact:

Issue

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[GaaSBot]

✅ Knip Scan Result for 472476d

Unused files (9)

Unused files (9)
.bundlewatch.config.js
components/shared/Chat/ChatContent.tsx
components/shared/Chat/ChatMessage.tsx
components/shared/Chat/index.tsx
configs/i18nConfigs.ts
lighthouserc.js
reset.d.ts
scripts/knipScanReporter.js
scripts/lhciScanReporter.js

Unused dependencies (2)

Unused dependencies (2)
@svgr/webpack package.json
sharp package.json

Unused devDependencies (5)

Unused devDependencies (5)
@actions/github package.json
@octokit/core package.json
@storybook/blocks package.json
@storybook/testing-library package.json
@total-typescript/ts-reset package.json

Configuration issues (1)

Configuration issues (1)
Unused item in ignoreDependencies: @next/bundle-analyzer

[GaaSBot]

🤖 Lighthouse Scan Result for 472476d

/rooms

Metric	Value
Performance	73
Seo	78
Accessibility	78
HTML Report for LHCI Scan	Report Link

/rooms/abc

Metric	Value
Performance	77
Seo	78
Accessibility	64
HTML Report for LHCI Scan	Report Link

/login

Metric	Value
Performance	47
Seo	80
Accessibility	94
HTML Report for LHCI Scan	Report Link

[Yuwen-ctw]

Hello @JohnsonMao ，觀察 storyBook 的呈現後(如下圖)，似乎尚有兩個 svg 檔案可以設定其預設的 stroke，分別是 navArrowLeft 及 sent，想詢問是否須一併調整呢?

PS. 四個第三方登入的 Icon，似乎得用 fill 屬性來進行設定，故先忽略。

[JohnsonMao]

Reply to @Yuwen-ctw

Hello @JohnsonMao ，觀察 storyBook 的呈現後(如下圖)，似乎尚有兩個 svg 檔案可以設定其預設的 stroke，分別是 navArrowLeft 及 sent，想詢問是否須一併調整呢?

PS. 四個第三方登入的 Icon，似乎得用 fill 屬性來進行設定，故先忽略。

感謝你的回覆~
我在另一個分支 (#356 ) 已經有先修改那兩個 icon 了，所以這兩個沒特別修改避免合併衝突

[Yuwen-ctw]

LGTM!