feat: Implement version checking and update notification in dashboard

- Added functionality to fetch the latest GitHub release version.
- Enhanced the dashboard to display current and latest version information.
- Updated the version comparison logic to handle special cases and non-semver formats.
- Improved the dashboard template to link to the latest release on GitHub.

components/dashboard.templ

@@ -50,6 +50,11 @@ func isNewerVersionAvailable(current, latest string) bool {
 		return false
 	}
 	
+	// Special case for DEV versions - always show update available
+	if current == "DEV" {
+		return true
+	}
+	
 	// Strip 'v' prefix if present for comparison
 	if strings.HasPrefix(current, "v") {
 		current = current[1:]
@@ -62,6 +67,12 @@ func isNewerVersionAvailable(current, latest string) bool {
 	currentParts := strings.Split(current, ".")
 	latestParts := strings.Split(latest, ".")
 	
+	// Handle non-semver format in either version
+	if len(currentParts) < 2 || len(latestParts) < 2 {
+		// If format doesn't match semver pattern, do string comparison
+		return current != latest && latest != ""
+	}
+	
 	// Compare major, minor, patch versions
 	for i := 0; i < len(currentParts) && i < len(latestParts); i++ {
 		// Parse to integers
@@ -310,7 +321,7 @@ templ Dashboard(ctx context.Context, data DashboardData) {
 														<i class="fas fa-exclamation-triangle w-3 h-3 mr-1"></i>
 														{ data.CurrentVersion }
 													</span>
-													<a href="https://github.com/starfleetcptn/gomft/releases/tag/{ data.LatestVersion }" target="_blank" 
+													<a href={ templ.SafeURL(fmt.Sprintf("https://github.com/starfleetcptn/gomft/releases/tag/%s", data.LatestVersion)) } target="_blank" 
 														class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-0.5 rounded-full dark:bg-green-900 dark:text-green-300 hover:bg-green-200 dark:hover:bg-green-800">
 														<i class="fas fa-arrow-circle-up w-3 h-3 mr-1"></i>
 														{ data.LatestVersion } Available

components/layout.templ

@@ -364,7 +364,7 @@ templ LayoutWithContext(title string, ctx context.Context) {
 											hx-get="/notifications/dropdown"
 											hx-trigger="click once"
 											hx-target="#notification-dropdown-content"
-											data-dropdown-placement="bottom-end"
+											data-dropdown-placement="bottom-start"
 										>
 											<span class="sr-only">View notifications</span>
 											<i class="fas fa-bell"></i>
@@ -375,10 +375,10 @@ templ LayoutWithContext(title string, ctx context.Context) {
 									</div>
 									<!-- Notification dropdown -->
 									<div
-										class="hidden overflow-hidden z-50 my-4 max-w-sm md:max-w-md w-full text-base list-none bg-white rounded divide-y divide-gray-100 shadow-lg dark:divide-gray-600 dark:bg-gray-700 rounded-xl"
+										class="hidden overflow-hidden z-50 my-4 max-w-sm md:max-w-md w-full text-base list-none bg-white rounded divide-y divide-gray-100 shadow-lg dark:divide-gray-600 dark:bg-gray-700 rounded-xl fixed"
 										id="notification-dropdown"
 										style="min-width: 320px; width: 100%;"
-										data-dropdown-placement="bottom-end"
+										data-dropdown-placement="bottom-start"
 									>
 										<div id="notification-dropdown-content">
 											<!-- Content will be loaded dynamically via HTMX -->

internal/web/handlers/dashboard_handlers.go

@@ -1,6 +1,7 @@
 package handlers
 
 import (
+	"encoding/json"
 	"fmt"
 	"math"
 	"net/http"
@@ -13,6 +14,36 @@ import (
 	"github.com/starfleetcptn/gomft/internal/db"
 )
 
+// getLatestGitHubRelease fetches the latest release tag from GitHub
+func getLatestGitHubRelease() string {
+	// Create an HTTP client with a timeout
+	client := &http.Client{
+		Timeout: 5 * time.Second,
+	}
+
+	// Make a request to the GitHub API
+	resp, err := client.Get("https://api.github.com/repos/starfleetcptn/gomft/releases/latest")
+	if err != nil {
+		return ""
+	}
+	defer resp.Body.Close()
+
+	// Check if the response was successful
+	if resp.StatusCode != http.StatusOK {
+		return ""
+	}
+
+	// Parse the response
+	var release struct {
+		TagName string `json:"tag_name"`
+	}
+	if err := json.NewDecoder(resp.Body).Decode(&release); err != nil {
+		return ""
+	}
+
+	return release.TagName
+}
+
 // HandleDashboard handles the GET /dashboard route
 func (h *Handlers) HandleDashboard(c *gin.Context) {
 
@@ -71,6 +102,12 @@ func (h *Handlers) HandleDashboard(c *gin.Context) {
 	// Get the rclone version
 	rcloneVersion := components.GetRcloneVersion()
 
+	// Set current version from the application version
+	currentVersion := components.AppVersion
+
+	// Get the latest release version from GitHub
+	latestVersion := getLatestGitHubRelease()
+
 	data := components.DashboardData{
 		RecentJobs:      recentHistory,
 		ActiveTransfers: int(totalJobs),
@@ -78,6 +115,8 @@ func (h *Handlers) HandleDashboard(c *gin.Context) {
 		FailedTransfers: int(failedJobs),
 		Configs:         configsMap,
 		RcloneVersion:   rcloneVersion,
+		CurrentVersion:  currentVersion,
+		LatestVersion:   latestVersion,
 	}
 
 	components.Dashboard(components.CreateTemplateContext(c), data).Render(c, c.Writer)