现在我清楚了整体结构。需要做三项修改：
先检查 topbar 是否有新建按钮：
找到了！顶部导航中有"新建申请"按钮。现在开始按顺序修改：
1. 移除顶部"新建申请"按钮
2 & 3. 修改 sample-application.tsx：添加搜索框，合并硬件配置与外设&软件页
现在需要合并 Step 1 和 Step 2。将它们替换为一个整合的页面，左侧显示硬件配置，右侧显示外设选配，底部显示软件选配：
现在需要更新最后一步的 step 索引，因为步骤从 4 个变成了 3 个：
三项修改全部完成：
topbar.tsx 中删除了默认的新建申请按钮和相关导入。现在我清楚了当前代码结构。需要做两项修改：
现在重构外设选配区域，改为按类别平铺展示所有外设，并优化整体布局：
现在移除不再使用的 activePericphCat 状态：
两项修改已完成：步骤名称更新为"硬件 & 外设 & 软件配置"；外设选配区域重构为按类别（前置板、OPS板、按键板等9类）平铺展示所有外设，每类下用 4 列网格展示外设卡片（含图片、名称、规格），用户无需切换类别即可一次性浏览全部外设并勾选，已选外设汇总在卡片标题栏右侧显示。