fix: improve subcategory badge display and filtering

- Fix badges showing empty text by adding Jekyll template logic
- Add proper colors from types.yml data
- Make badges clickable with cursor pointer
- Connect badge clicks to multiselect filtering
- Fix case sensitivity issue in filtering selectors
- Add header updates for consistency

Author: JesperDramsch

_includes/header.html

@@ -70,6 +70,12 @@
 				<button class="btn btn-outline-dark my-2 my-sm-0" type="submit">{% t titles.search %}</button>
 			</form>
 			<ul class="navbar-nav ml-auto my-2 my-lg-0">
+				<li>
+					<a href="{{ site.baseurl }}/my-conferences/" class="nav-link" style="border-bottom: none">
+						<i class="fas fa-bookmark"></i> My Conferences
+						<span class="badge badge-warning" id="fav-count"></span>
+					</a>
+				</li>
 				<li class="nav-item dropdown">
 					<a
 						class="nav-link dropdown-toggle"

_includes/index_conf_subs.html

@@ -1,14 +1,17 @@
 <div class="row">
-	<div class="col-6">
+	<div class="col-12">
 		{% for sub in include.subs %}
-		<span
-			title="Click to only show {{sub | strip}} conferences"
-			data-sub="{{sub | strip}}"
-			class="badge badge-light conf-sub {{sub | strip}}-tag"
-		></span>
+		{% assign sub_trimmed = sub | strip %}
+		{% for type in site.data.types %}
+			{% if type.sub == sub_trimmed %}
+			<span
+				title="Click to only show {{type.sub}} conferences"
+				data-sub="{{type.sub}}"
+				class="badge badge-light conf-sub {{type.sub}}-tag"
+				style="background-color: {{type.color}}; color: white; cursor: pointer;"
+			>{{type.name | downcase}}</span>
+			{% endif %}
+		{% endfor %}
 		{% endfor %}
-	</div>
-	<div class="col-6">
-		<div class="calendar"></div>
 	</div>
 </div>