add logo; fix pagination order

Author: tgaeta

app/controllers/job_applications_controller.rb

@@ -5,7 +5,7 @@ class JobApplicationsController < ApplicationController
   def index
     @job_applications = filter_and_sort_job_applications
     @job_application_count = @job_applications.count
-    @job_applications = @job_applications.order(created_at: :desc).paginate(page: params[:page], per_page: 10)
+    @job_applications = @job_applications.paginate(page: params[:page], per_page: 10)
 
     @pagination_info = {
       current_page: @job_applications.current_page,
@@ -108,11 +108,18 @@ def filter_and_sort_job_applications
 
     sort_column = sort_column(params[:sort])
     sort_direction = sort_direction(params[:direction])
-    job_applications.order(sort_column => sort_direction)
+
+    if sort_column == "created_at" || params[:sort].blank?
+      # If sorting by created_at or no sorting specified, always use desc order
+      job_applications.order(created_at: :desc)
+    else
+      # For other columns, use the specified sort direction
+      job_applications.order(sort_column => sort_direction)
+    end
   end
 
   def sort_column(column)
-    %w[date_applied company_name position_title].include?(column) ? column : "date_applied"
+    %w[date_applied company_name position_title created_at].include?(column) ? column : "created_at"
   end
 
   def sort_direction(direction)

app/views/job_applications/index.html.erb

@@ -4,9 +4,17 @@
   </div>
   <div class="my-2 md:my-8">
     <div class="mb-8 flex justify-between items-center">
-      <h2 class="hidden md:block md:text-2xl font-semibold text-gray-700 shadow-2xl">
-        Job Tracker
-      </h2>
+      <div class="flex items-center">
+        <%= image_tag(asset_path('apple-touch-icon.png'),
+      height: '32',
+      width: '32',
+      class: "rounded-full object-cover shadow-sm border-2 border-gray-200 mr-2",
+      aria: { label: "Job Tracker logo" },
+      title: "Job Tracker logo") %>
+        <h2 class="hidden md:block md:text-2xl font-semibold text-gray-700 shadow-2xl">
+          Job Tracker
+        </h2>
+      </div>
       <%= link_to 'New Job Application', new_job_application_path, class: 'text-sm bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded cursor-pointer', data: { turbo_frame: "_top" } %>
     </div>
     <%= form_with url: job_applications_path, method: :get, data: { controller: "job-filter", turbo_frame: "job_applications_table" } do |form| %>