予算管理ページの作成（フロント）

[TkymHrt]

対応Issue

resolve #893

概要

予算管理ページの作成を行いました。見た目だけです。
登録モーダルボタンやCSV出力ボタンは飾りです。
現在モックデータを参照しているので、API実装時に差し替えが必要です。

画面スクリーンショット等

テスト項目

• 予算管理ページ（http://localhost:3000/budget_managements）にアクセスできる。
• 局・部門・物品の表示が選択毎に行われる。

Copilot reviewed 4 out of 4 changed files in this pull request and generated no suggestions.

Comments skipped due to low confidence (1)

view/next-project/src/components/common/OutlinePrimaryButton/OutlinePrimaryButton.tsx:12

• There is an extra space at the beginning of the class name string concatenation. It should be removed to avoid potential issues with class names.

'flex justify-center px-4 py-2 text-primary-1 font-bold text-md rounded-lg bg-white-0 border border-primary-1 hover:bg-white-100 hover:text-primary-2 hover:border-primary-2' +

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 suggestion.

Div elements are not valid children of tr elements. This should be replaced with a valid table structure.

Suggested change

	<div className='flex justify-center gap-2 py-3'>
	<td className='flex justify-center gap-2 py-3'>

Copilot reviewed 5 out of 5 changed files in this pull request and generated 1 suggestion.

Comments skipped due to low confidence (1)

view/next-project/src/components/common/OutlinePrimaryButton/OutlinePrimaryButton.tsx:12

• [nitpick] Consider using template literals for better readability in className concatenation.

'flex justify-center px-4 py-2 text-primary-1 font-bold text-md rounded-lg bg-white-0 border border-primary-1 hover:bg-white-100 hover:text-primary-2 hover:border-primary-2' +

The use of 'any' type for 'displayItems' can lead to potential type safety issues. Consider using a more specific type.

Suggested change

	let displayItems: any[] = [];
	let displayItems: (Department | Division | Item)[] = [];

Copilot reviewed 5 out of 8 changed files in this pull request and generated no suggestions.

Files not reviewed (3)

• view/next-project/package-lock.json: Language not supported
• view/next-project/package.json: Language not supported
• view/next-project/src/pages/_app.tsx: Evaluated as low risk

Comments skipped due to low confidence (1)

view/next-project/src/components/budget_managements/BudgetManagement.tsx:49

• The variable 'displayItems' is typed as 'any[]'. This should be changed to a more specific type once the API is implemented.

let displayItems: any[] = [];