feat: Update home page notices and privacy information in English, Spanish, and French; add public guides and routing for guides

- Changed beta notice to service notice on home page translations for English, Spanish, and French.
- Updated privacy information to reflect transparency and continuous maintenance.
- Added new public guides content with detailed sections for various topics.
- Implemented routing for guide list and individual guide articles.
- Created new components for displaying guides and articles.

frontend/src/views/home/NoLoginView.vue

@@ -1,8 +1,5 @@
 <template>
     <div class="no-login-view">
-        <div class="beta-banner" role="status" aria-live="polite">
-            <strong>{{ $t('home.betaNoticeLabel') }}</strong> {{ $t('home.betaNoticeText') }}
-        </div>
         <div class="home-structure">
             <div class="mascot">
                 <Character3D gender="male" :lightweight="true" />
@@ -40,8 +37,8 @@
                             <p>{{ $t('home.nologin.falukantShort.text') }}</p>
                         </article>
                         <article>
-                            <h3>{{ $t('home.nologin.privacyBeta.title') }}</h3>
-                            <p>{{ $t('home.nologin.privacyBeta.text') }}</p>
+                            <h3>{{ $t('home.nologin.privacyInfo.title') }}</h3>
+                            <p>{{ $t('home.nologin.privacyInfo.text') }}</p>
                         </article>
                     </div>
 
@@ -259,18 +256,6 @@ export default {
 </script>
 
 <style scoped>
-.beta-banner {
-    width: min(100%, var(--content-max-width));
-    background: linear-gradient(180deg, #fff2cf 0%, #fde7b2 100%);
-    border: 1px solid rgba(201, 130, 31, 0.24);
-    color: #8a5a12;
-    padding: 10px 14px;
-    margin: 0 0 14px 0;
-    text-align: center;
-    border-radius: var(--radius-lg);
-    box-shadow: var(--shadow-soft);
-}
-
 .home-structure {
     display: flex;
     align-items: stretch;