doc:📝 add starting the project and socket endpoint

[JohnsonMao]

Why need this change? / Root cause:

• Enable backend personnel to run the frontend project locally

Changes made:

• Add starting the project doc
• Add web socket endpoint environment variables
• Modify socket context

Test Scope / Change impact:

Issue

• Close Doc: frontend setup and web socket testing documentation - 5 point #360

Starting the Project

如何在自己的本地跑前端專案，並連接 webSocket

node 版本需 16.17.0

# 調整 .env.development file 
# 後端 RESTful API 的 url
NEXT_PUBLIC_INTERNAL_ENDPOINT=
# 後端 Socket 的 url
NEXT_PUBLIC_INTERNAL_SOCKET_ENDPOINT=
# 取消前端 Mock Data
NEXT_PUBLIC_MOCK=false

# 使用 yarn install dependencies
# 如果出現 Error 可以改成使用 yarn install 下載
yarn
# 啟動專案
yarn dev

[kuoche1712003]

LGTM

[sonarqubecloud]

Quality Gate passed

Kudos, no new issues were introduced!

0 New issues
0 Security Hotspots
No data about Coverage
0.0% Duplication on New Code

See analysis details on SonarCloud

[GaaSBot]

✅ Knip Scan Result for 9ab7518

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

Unused exported types (2)

Unused exported types (2)
ChatProps type components/shared/Chat/v2/Chat.tsx
ChatHeaderProps type components/shared/Chat/v2/ChatHeader.tsx

Configuration issues (1)

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

[GaaSBot]

🤖 Lighthouse Scan Result for 9ab7518

/rooms

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

/rooms/abc

Metric	Value
Performance	76
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