So essentially in my Index View when I look at the page source I see 
 where I should see line breaks that I entered into the textareas in the Create View. Ideally I need a way to replace those 
&#xA with <br> but I'm not totally sure how to go about doing that. I assume there is some way to go about it maybe with javascript/jquery.

I have the page source and some code snippets.

This is the page source

This is the code in the Index View.

<div class="row border-bottom border-white pb-3 pt-3">
        <div class="col">
            <b>Non-Spell Abilities:</b> @Html.DisplayFor(modelItem => item.NonSpellAbilities)
        </div>
</div>

This is what is actually displayed on the page