fix: Implement responsive line wrapping for model names on home page

- Changed model name display from truncate to break-words
- Increased max-width from 100px to 200px to allow more text
- This fixes issue mudler#8209 for responsive text wrapping on smaller screens

Fixes: mudler#8209

Author: localai-bot

core/http/views/index.html

@@ -499,7 +499,7 @@ <h1 class="hero-title">How can I help you today?</h1>
                 {{ range .ModelsConfig }}
                     {{ if index $loadedModels .Name }}
                     <span class="inline-flex items-center gap-1 text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors" data-loaded-model>
-                        <span class="truncate max-w-[100px]">{{.Name}}</span>
+                        <span class="break-words max-w-[200px]">{{.Name}}</span>
                         <button
                             @click="stopModel('{{.Name}}')"
                             class="text-red-400/60 hover:text-red-400 transition-colors ml-0.5"