feat(bildungsurlaub): Add content and additional link for resources

app/components/accordion/index.hbs

@@ -1,6 +1,7 @@
 
 {{!-- Flowbite accordion component --}}
-<div id="accordion-flush" data-accordion="collapse" data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white" data-inactive-classes="text-gray-500 dark:text-gray-400">
+<div id="accordion-flush" data-accordion="collapse" data-active-classes="bg-white dark:bg-gray-900 text-gray-900 dark:text-white" data-inactive-classes="text-gray-500 dark:text-gray-400"
+class="w-5/6">
   {{#each this.states as |state index|}}
     <State @state={{state}} @index={{index}} />
   {{/each}}

app/components/state/index.hbs

@@ -1,5 +1,5 @@
   <h2 id="accordion-flush-heading-{{@index}}">
-    <button type="button" class="flex items-center justify-between w-full py-5 font-medium rtl:text-right text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400 gap-3"
+    <button type="button" class="flex items-center justify-between m-4 w-full py-5 font-medium rtl:text-right text-gray-500 border-b border-gray-200 dark:border-gray-700 dark:text-gray-400 gap-3"
       data-accordion-target="#accordion-flush-body-{{@index}}" aria-expanded="false" aria-controls="accordion-flush-body-{{@index}}">
       <span>{{@state.stateName}}</span>
       <svg data-accordion-icon class="w-3 h-3 rotate-180 shrink-0" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
@@ -22,9 +22,12 @@
           {{elig}}
         </p>
         {{/each}}
+      <p class="mb-2 text-gray-500 dark:text-gray-400">
+        <a href="{{@state.legalDocument}}" target="_blank" class="underline underline-offset-2">Legal documentation of {{@state.stateName}}</a>
+      </p>
     </div>
   </div>
 
 {{log @index 'index'}}
-{{log @state.eligibility}}
+{{log @state.legalDocument}}
 {{log @state.principles}}