ページに、ディレクトリとマインドマップのリストを表示します。 ページの先頭には常にディレクトリを表示し、続けてマインドマップのリストを表示します。 表示する形式には、リスト形式とグリッド形式の２種類を用意したいと思います。 リスト表示は、縦並びにし、グリッド表示は、横方向に並べ、グリッド数が多い場合は、改行してください。 また、上部にはディレクトリの階層を表すパンくずも表示してください、 これらを実現するおしゃれないい感じのUIをTypeScript, TailwindCSSS, shadcn/uiを使用して作成してください。 リスト表示とグリッド表示の切り替えが実際に動作するように実装に組み込んでください。 | A shadcn/ui and v0 generation - v0