feat: add SessionComment

src/components/modals/SessionModal.tsx

@@ -21,7 +21,7 @@ function SessionModal({ session }: { session: ISession }) {
         </div>
       </div>
       <div className="bg-[#F0F0F0] flex h-[calc(100vh-8.861vw)] overflow-hidden rounded-b-4xl">
-        <div className="flex-1 flex flex-col gap-[0.833vw] px-[1.111vw] overflow-y-auto pr-[0.556vw] pb-[1.111vw]">
+        <div className="flex-1 flex flex-col gap-[0.833vw] px-[1.111vw] overflow-y-auto pr-[0.556vw] pb-[1.111vw] [scrollbar-width:thin]">
           <div className="flex flex-col gap-[0.556vw] justify-center items-center pt-[1.111vw]">
             <div className="size-[3.333vw] rounded-full bg-white"></div>
             <div className="flex flex-col gap-[0.278vw] items-center">
@@ -94,14 +94,17 @@ function SessionModal({ session }: { session: ISession }) {
                 <span className="caption-s font-medium">8 500 000 ₽</span>
               </p>
             </div>
-            <div className="bg-[#F6F6F6] rounded-xl px-[1.111vw] py-[0.833vw] text-xs tracking-[-0.02em]">
+            <div className="bg-[#F6F6F6] rounded-xl px-[1.111vw] py-[0.833vw] text-xs tracking-[-0.02em] leading-[110%]">
               Клиент проявил высокий интерес к объекту, особенно к варианту с
               улучшенной отделкой. Основной вопрос для принятия решения —
               согласование с семьей и выбор этажа. Необходимо подготовить
               предварительный договор к следующей встрече.
             </div>
             <NewButton variant="primary" size="large">
-              Весь отчёт по встречи <ChevronRightIcon />
+              Весь отчет по встрече
+              <span className="w-[1.111vw] h-[1.111vw] text-[#7B60F3]">
+                <ChevronRightIcon />
+              </span>
             </NewButton>
           </div>
           <div className="flex flex-col gap-[1.111vw] bg-white rounded-3xl p-[1.111vw]">
@@ -123,7 +126,7 @@ function SessionModal({ session }: { session: ISession }) {
             </div>
           </div>
         </div>
-        <SessionComments comments={session.comments} sessionId={session.id} />
+        <SessionComments sessionId={session.id} />
       </div>
     </div>
   );