使用自定义 React Hook 实现响应式导航

# 介绍

在这个项目中，你将学习如何创建一个名为 `useWindowSize` 的自定义 React Hook，以获取当前窗口大小，并使用它来有条件地在 Web 应用程序中渲染导航栏。

## 👀 预览


## 🎯 任务

在这个项目中，你将学习：

- 实现 `useWindowSize` 自定义 Hook 以获取当前窗口大小
- 在 `App` 组件中使用 `useWindowSize` Hook，根据窗口宽度更新导航栏

## 🏆 成果

完成这个项目后，你将能够：

- 创建一个自定义 React Hook 来封装可复用的功能
- 利用 `useState` 和 `useEffect` Hook 来管理状态和副作用
- 根据当前窗口大小有条件地渲染组件