refactor: add svg for empty state

frappe/public/images/ui-states/empty-app-state.svg

@@ -0,0 +1,6 @@
+<svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
+	<path d="M26.4844 25.3281V16.0781" stroke="#F56B6B" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+	<path d="M42.6719 25.3281V16.0781" stroke="#F56B6B" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+	<path d="M34.5781 50.7656C30.8982 50.7656 27.3691 49.3038 24.767 46.7017C22.165 44.0997 20.7031 40.5705 20.7031 36.8906V25.3281H48.4531V36.8906C48.4531 40.5705 46.9913 44.0997 44.3892 46.7017C41.7872 49.3038 38.258 50.7656 34.5781 50.7656Z" stroke="#98A1A9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+	<path d="M57.7032 58.8594C63.3462 53.4851 66.9411 46.3131 67.8703 38.576C68.7994 30.8388 67.0046 23.0197 62.7944 16.4622C58.5842 9.90464 52.2215 5.01829 44.7997 2.64279C37.3778 0.267296 29.3604 0.550997 22.125 3.44515C14.8896 6.33929 8.8882 11.6632 5.15204 18.5018C1.41588 25.3405 0.178293 33.267 1.65196 40.9191C3.12562 48.5713 7.21851 55.4712 13.2273 60.4332C19.236 65.3952 26.7855 68.1094 34.5782 68.1094V56.5469" stroke="#98A1A9" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

frappe/www/third_party_apps.html

@@ -2,7 +2,7 @@
 
 {% block title %} {{ _("Third Party Apps") }} {% endblock %}
 {% block header %}
-	<h1>{{ _("Third Party Apps") }}</h1>
+	<h3 class="my-account-header">{{ _("Third Party Apps") }}</h3>
 {% endblock %}
 
 {% block page_sidebar %}
@@ -52,9 +52,15 @@
 	</div>
 	{% endfor %}
 {% else %}
-	<div class="text-muted">
+<div class="empty-apps-state">
+	<img src="/assets/frappe/images/ui-states/empty-app-state.svg"/>	
+	<div class="font-weight-bold mt-4">		
 		{{ _("No Active Sessions")}}
 	</div>
+	<div class="text-muted mt-2">
+		{{ _("Looks like you haven’t added any third party apps.")}}
+	</div>
+</div>
 {% endif %}
 <div class="padding"></div>
 <script>