fix(UIUX): fix buttons in mydata jumbotron

discuss_data/templates/dddatasets/prep/listing.html

 {% extends 'base.html' %}
-{% load static i18n %}
+{% load static i18n wagtailcore_tags %}
 
 {% block title %}
 {{ user.username }}'s Datasets
@@ -11,10 +11,19 @@
     <div class="col-12">
         <div class="jumbotron bg-light">
             <h1>{% trans "Share your" %} <b>{% trans "Data" %}</b>!</h1>
-            <p>Upload your data to share with selected colleagues, your research team, and at a later step the Discuss Data community. See the documentation how to prepare your data and to guide you through the step-by-step process of data upload and description.</p>
+            <p>{% trans "Upload your data to share with selected colleagues, your research team, and at a later step the Discuss Data community." %}</p>
+            <p>{% trans "See the documentation how to prepare your data and to guide you through the step-by-step process of data upload and description." %}</p>
             <p>
-                <a class="btn btn-primary btn-lg" href="{# {% url 'documentation_detail' 'Best_Practices_Data_Submission_and_Review' %} #}" role="button">Preparation how-to</a>
-                <a class="btn btn-success btn-lg" href="{% url 'dddatasets:prep_add' %}" role="button">Add new dataset</a>
+                <a href="{% url 'dddatasets:prep_add' %}">
+                    <button class="btn btn-primary">
+                        {% trans "Add new dataset"%}
+                    </button>
+                </a>
+                <a href="{% slugurl 'data-upload' %}">
+                    <button class="btn btn-outline-primary">
+                        {% trans "Preparation how-to" %}
+                    </button>
+                </a>
             </p>
         </div>
     </div>