fix: migrate text align to Bootstrap 5

_includes/footer.html

@@ -5,7 +5,7 @@
 		</div>
 
 		<div class="col">
-			<p class="pull-right">
+			<p class="text-end">
 				<small>
 					<a href="/about" title="About this site">Legal Notice</a>
 				</small>

_layouts/blog-overview.html

@@ -11,6 +11,6 @@ <h2>Tag Cloud</h2>
 
         {{ content }}
 
-		<p class="pull-right">| <a href="#">Back to top</a> |</p>
+		<p class="text-end">| <a href="#">Back to top</a> |</p>
 	</div>  
 </div><!-- /.blog-overview -->

_layouts/post.html

@@ -48,7 +48,7 @@ <h4 class="fw-italic">Software Engineer</h4>
         </div>
 
         <div class="col-md-12 col-12 blog-section">
-            <p class="pull-right">{% if page.previous.url %} <a href="{{page.previous.url}}" title="Previous Post: {{page.previous.title}}">&laquo; Previous Article</a>  {% endif %}  |  <a href="#">Back to top</a>  |  {% if page.next.url %}  <a href="{{page.next.url}}" title="Next Post: {{page.next.title}}">Next Article &raquo; </a>  {% endif %} </p>
+            <p class="text-end">{% if page.previous.url %} <a href="{{page.previous.url}}" title="Previous Post: {{page.previous.title}}">&laquo; Previous Article</a>  {% endif %}  |  <a href="#">Back to top</a>  |  {% if page.next.url %}  <a href="{{page.next.url}}" title="Next Post: {{page.next.title}}">Next Article &raquo; </a>  {% endif %} </p>
         </div>
 
         <div class="col-md-12 col-12 blog-section">

index.html

@@ -27,7 +27,7 @@ <h3 class="fst-italic">question = ( to ) ? be : ! be; - William Shakespeare</h3>
 
 <div class="row">
 	<div class="col-md-12 col-12">
-		<ul class="pull-right social-icons">
+		<ul class="social-icons text-end">
 			<li><a href="https://github.com/Tooa" target="_blank"><img class="social-icons" src="img/github.png"></a></li>
 			<li><a href="https://de.linkedin.com/in/ulifahrer" target="_blank"><img class="social-icons" src="img/linkedin.png"></a></li>
 		</ul>