feat: adding error page to handle active record not found

Author: hussain-cdm

app/controllers/application_controller.rb

@@ -5,6 +5,6 @@ class ApplicationController < ActionController::Base
   allow_browser versions: :modern
 
   rescue_from ActiveRecord::RecordNotFound do |exception|
-    render html: { error: "Record not found" }, status: :not_found
+    render "errors/not_found", status: :not_found
   end
 end

app/views/errors/not_found.html.erb

@@ -0,0 +1,12 @@
+<div class="min-h-screen bg-gray-50 flex flex-col justify-center py-8 sm:px-6 lg:px-8">
+  <div class="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
+    <div class="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
+      <div class="text-center">
+        <h1 class="text-6xl font-bold text-gray-900 mb-4">404</h1>
+        <h2 class="text-2xl font-semibold text-gray-700 mb-4">Page Not Found</h2>
+        <p class="text-gray-600 mb-8">Sorry, we couldn’t find the page you’re looking for.</p>
+        <%= link_to "Go back home", root_path, class: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" %>
+      </div>
+    </div>
+  </div>
+</div>