解決できない箇所がありますのでお詳しい方教えて頂けますと嬉しいです！

【教えてもらいたいこと】
プログラミング/フロントエンド

【具体的な相談内容】
GitHubURL：https://github.com/kaiitoga/readingcommunity

大きく4件(+1件補足程度に)ご教授頂きたいです。
金額は3000円〜5000円程で考えています。
全て解決出来なくても大丈夫ではありますが、解決難しそうなものがあれば事前に教えて頂けますと幸いです。


①src/app/Components/UI/Bokksimage.tsxにて
Retunの<group>がtsの型エラーなってしまいます。
エラー：プロパティ 'group' は型 'JSX.IntrinsicElements' に存在しません。

②tscでコンパイルした際のファイル出力について
.next/types/app にlayout.tsとpage.tsが出力　types/distにtsconfig.tsbuildinfoが出力

Disフォルダにjsファイルが出力されると思っていたので、如何いう動きかご教授頂きたいです。

③.next/types/app/layout.tsで型エラーが出ます。
ホバーする箇所でにより複数のエラーが出ますので、詳細は実際に見て頂いて確認お願いします。
※②の内容と同じですが、そもそもこのファイルがどのようなものか分かっていません。

checkFields<Diff<{
default: Function
config?: {}
generateStaticParams?: Function
revalidate?: RevalidateRange<TEntry> | false
dynamic?: 'auto' | 'force-dynamic' | 'error' | 'force-static'
dynamicParams?: boolean
fetchCache?: 'auto' | 'force-no-store' | 'only-no-store' | 'default-no-store' | 'default-cache' | 'only-cache' | 'force-cache'
preferredRegion?: 'auto' | 'global' | 'home' | string | string[]
runtime?: 'nodejs' | 'experimental-edge' | 'edge'
maxDuration?: number

metadata?: any
generateMetadata?: Function
viewport?: any
generateViewport?: Function

}, TEntry, ''>>()

③src/app/layout.tsxにて
コメントアウトしているアニメーションに関する記述ですが、実装するとアニメーションの動きが意図したものと異なっています。
文面で説明するのは難しいので、実際に見て頂きたく存じます。

④npm run dev　実行でローカルサーバー立ち上げた際にリロードしないと画面表示されない(headerは表示されてます。恐らくpage.tsxの中の最上位のdivタグかと思います。)
リロードするまで下記がconsoleに表示されています。
Uncaught SyntaxError: Invalid or unexpected tokenUnderstand this errorAI
layout.js:28

Uncaught SyntaxError: Invalid or unexpected tokenUnderstand this errorAI:3000/favicon.ico:1

Failed to load resource: the server responded with a status of 404 (Not Found)

⑤データベースをfirestoreで実装していますが、MogoDBでに変更しようかなと思います。
Node.js最近少し触れたぐらいですので、詳しくないのですが、DB周辺の話を軽く聞きたいと思っています。


宜しくお願い致します。