Show HTML file in a modal Nextjs

General
1

I have an html file which kinda looks like this , it is a long one I’m just showing you a little piece of it:

<body lang=EN-US style='word-wrap:break-word'>

<div class=WordSection1>

<p align=center style='margin-top:0in;margin-right:0in;margin-bottom:12.0pt;
margin-left:0in;text-align:center'><b><span style='font-size:14.0pt;font-family:
"Segoe UI",sans-serif;color:#172B4D;letter-spacing:-.05pt'>&#304;stifad&#601;
&#351;&#601;rtl&#601;ri raz&#305;l&#305;q anla&#351;mas&#305;</span></b></p>


<p align=center style='margin-top:0in;margin-right:0in;margin-bottom:12.0pt;
margin-left:0in;text-align:center'><strong><span lang=AZ-LATIN
style='font-size:10.0pt;font-family:"Segoe UI",sans-serif;color:#172B4D;
letter-spacing:-.05pt'>(Xidm&#601;t &#351;&#601;rtl&#601;ri v&#601;
M&#601;xfilik siyas&#601;ti)</span></strong></p>
</div>
</body>

And I have a modal in one of my components , I need to show this html content which is basically some styled text , nothing functional in this modal. I have tried saving this html file in my public folder or src folder. But even when i try to import the document it doesn’t see it or import it. I need an easy approach to this problem