授業詳細情報ページのバグを修正

[yuki10000]

現状

• クラス詳細画面の中で，タブ付きグラフが「基本情報」のプルダウンの中に収まっていない
• 「基本情報」表のItems per pageの表記は必要ないので消す
• 「基本情報」表の一つのセルの中に複数の情報がある場合，視認性が悪い

やること

• [x] 「基本情報」のプルダウンそのものを削除するか，タブ付きグラフを基本情報のプルダウンの中に挿入

• [x] 「基本情報」表のItems per pageの表示を何とかして消す

• [x] 「基本情報」表の一つのセルの中に複数の情報がある場合，それらを改行させるか，別の表示方法を考える

• [x] 「基本情報」表のurlのリンクをクリックしたら別タブでシラバスを開けるようにする

ブランチ

feature/#290_fix_class_detail

[yuki10000]

• 棒グラフのv-cardの輪郭と影が邪魔なので，propsのflatを指定して消した
• https://vuetifyjs.com/en/components/cards/#props

[yuki10000]

• 各レビューの「詳細情報」のexpansion panelの輪郭と影も消去した！
• v-expansion-panelのpropsにあるelevationを0に指定すればよかった
• https://vuetifyjs.com/en/api/v-expansion-panel/#props-elevation
• 多分こっちの方がデザイン的にはいいと思う

[yuki10000]

• 「基本情報」表のItems per pageの表示を何とかして消す，だが，どうやら難しいみたい
• vuetify2ではhide-default-footerで削除できたみたいだが，vuetify3の公式サイトを見るとpropsにそのような名前のものは見つからなかった
• 公式サイト　https://vuetifyjs.com/en/api/v-data-table
• 解決策としては，別の種類のテーブルコンポーネントを使用するしかなさそう

[yuki10000]

• Items per pageの表示を何とかして消す問題だが，使用するコンポーネントをv-tableに変更した
• データの受け渡し法が若干異なるので調整
• レイアウトを整える必要はあるが，「基本情報」表のurlのリンクをクリックしたら別タブでシラバスを開けるようにする問題も同時に解決！

[yuki10000]

• 授業基本情報の表について，１つのセルに複数の情報が入る場合には情報をカンマで区切るようにすれば良いが，urlについてはセルの中でv-forを回しつつデータ別にaタグを設ける必要がありそう

[yuki10000]

• ClassDetail.vue:20 [Vue warn]: Property "classInformationData" was accessed during render but is not defined on instance.
• 親コンポーネントからpropsで受け取った変数の扱い，難しすぎる．．．

[yuki10000]

• ほかの部分のコードを参考にして，オプショナルチェーン演算子を使用することで解決できた！